From 3aeaf4969309dc9a99dfff8f3ce017d5bec90539 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 29 Mar 2022 17:59:47 +0800
Subject: [PATCH] Match-id-7d9916e11a4b9ee889fdb62be87fe24b4d0e5f1c

---
 libs/extension/src/svgs/Arrow.tsx  | 17 +++++++++++++++++
 libs/extension/src/svgs/Copy.tsx   |  8 ++++++++
 libs/extension/src/svgs/Debug.tsx  |  8 ++++++++
 libs/extension/src/svgs/Eye.tsx    | 10 ++++++++++
 libs/extension/src/svgs/Select.tsx |  9 +++++++++
 5 files changed, 52 insertions(+)
 create mode 100644 libs/extension/src/svgs/Arrow.tsx
 create mode 100644 libs/extension/src/svgs/Copy.tsx
 create mode 100644 libs/extension/src/svgs/Debug.tsx
 create mode 100644 libs/extension/src/svgs/Eye.tsx
 create mode 100644 libs/extension/src/svgs/Select.tsx

diff --git a/libs/extension/src/svgs/Arrow.tsx b/libs/extension/src/svgs/Arrow.tsx
new file mode 100644
index 00000000..c315bf19
--- /dev/null
+++ b/libs/extension/src/svgs/Arrow.tsx
@@ -0,0 +1,17 @@
+interface IArrow {
+  director: 'right' | 'down'
+}
+
+export default function Arrow({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
diff --git a/libs/extension/src/svgs/Copy.tsx b/libs/extension/src/svgs/Copy.tsx
new file mode 100644
index 00000000..865222fe
--- /dev/null
+++ b/libs/extension/src/svgs/Copy.tsx
@@ -0,0 +1,8 @@
+
+export default function Copy() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <path d='M0 0 H16 V16 H0 z M2 2 H8 V8 H2 V2z' fill='currentColor' fill-rule='evenodd'/>
+    </svg>
+  )
+}
diff --git a/libs/extension/src/svgs/Debug.tsx b/libs/extension/src/svgs/Debug.tsx
new file mode 100644
index 00000000..6ac25393
--- /dev/null
+++ b/libs/extension/src/svgs/Debug.tsx
@@ -0,0 +1,8 @@
+
+export default function Debug() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <path d='m2 0l12 8l-12 8 z' fill='#000'/>
+    </svg>
+  )
+}
diff --git a/libs/extension/src/svgs/Eye.tsx b/libs/extension/src/svgs/Eye.tsx
new file mode 100644
index 00000000..f17f1fd2
--- /dev/null
+++ b/libs/extension/src/svgs/Eye.tsx
@@ -0,0 +1,10 @@
+
+export default function Eye() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <ellipse cx="8" cy="8" rx="8" ry="6" />
+      <circle cx="8" cy="8" r= "4" fill="rgb(255, 255, 255)"/>
+      <circle cx="8" cy="8" r= "2" fill="#000000"/>
+    </svg>
+  )
+}
diff --git a/libs/extension/src/svgs/Select.tsx b/libs/extension/src/svgs/Select.tsx
new file mode 100644
index 00000000..08aef9bb
--- /dev/null
+++ b/libs/extension/src/svgs/Select.tsx
@@ -0,0 +1,9 @@
+
+
+export default function Select() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <path d='M14 6 V3 C14 2.5 13.5 2 13 2 H3 C2.5 2 2 2.5 2 3 V13 C2 13.5 2.5 14 3 14H6 V13 H3 V3 H13 V6z M7 7 L9 15 L11 12 L14 15 L15 14 L12 11 L15 9z' fill='#000' />
+    </svg>
+  )
+}
\ No newline at end of file