From 871fd3bd9b5bbd4b4ba0ebd1b50a01e9e033850e Mon Sep 17 00:00:00 2001
From: * <8>
Date: Thu, 7 Apr 2022 11:49:21 +0800
Subject: [PATCH] Match-id-dc2d118d676e9ef910e7da00850f961c33cf80b4

---
 libs/extension/src/svgs/Arrow.tsx    | 12 ++++++------
 libs/extension/src/svgs/Close.tsx    |  8 ++++++++
 libs/extension/src/svgs/Triangle.tsx | 17 +++++++++++++++++
 3 files changed, 31 insertions(+), 6 deletions(-)
 create mode 100644 libs/extension/src/svgs/Close.tsx
 create mode 100644 libs/extension/src/svgs/Triangle.tsx

diff --git a/libs/extension/src/svgs/Arrow.tsx b/libs/extension/src/svgs/Arrow.tsx
index 0cb49d0d..4ee84159 100644
--- a/libs/extension/src/svgs/Arrow.tsx
+++ b/libs/extension/src/svgs/Arrow.tsx
@@ -1,16 +1,16 @@
 interface IArrow {
-  director: 'right' | 'down'
+  direction: 'up' | 'down'
 }
 
-export default function Arrow({ director }: IArrow) {
+export default function Arrow({ direction: director }: IArrow) {
   let d: string;
-  if (director === 'right') {
-    d = 'm2 0l12 8l-12 8 z';
+  if (director === 'up') {
+    d = 'M4 9.5 L5 10.5 L8 7.5 L11 10.5 L12 9.5 L8 5.5 z';
   } else if (director === 'down') {
-    d = 'm0 2h16 l-8 12 z';
+    d = 'M5 5.5 L4 6.5 L8 10.5 L12 6.5 L11 5.5 L8 8.5z';
   }
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='8px' height='8px'>
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
       <path d={d} fill='currentColor' />
     </svg>
   );
diff --git a/libs/extension/src/svgs/Close.tsx b/libs/extension/src/svgs/Close.tsx
new file mode 100644
index 00000000..621082fd
--- /dev/null
+++ b/libs/extension/src/svgs/Close.tsx
@@ -0,0 +1,8 @@
+
+export default function Close() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <path d='M4 3 L3 4 L7 8 L3 12 L4 13 L8 9 L12 13 L13 12 L9 8 L13 4 L12 3 L8 7z' fill='currentColor' />
+    </svg>
+  );
+}
diff --git a/libs/extension/src/svgs/Triangle.tsx b/libs/extension/src/svgs/Triangle.tsx
new file mode 100644
index 00000000..ecb6b3a0
--- /dev/null
+++ b/libs/extension/src/svgs/Triangle.tsx
@@ -0,0 +1,17 @@
+interface IArrow {
+  director: 'right' | 'down'
+}
+
+export default function Triangle({ director }: IArrow) {
+  let d: string;
+  if (director === 'right') {
+    d = 'm2 0l12 8l-12 8 z';
+  } else if (director === 'down') {
+    d = 'm0 2h16 l-8 12 z';
+  }
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='8px' height='8px'>
+      <path d={d} fill='currentColor' />
+    </svg>
+  );
+}
\ No newline at end of file