From ce5f8f5e3fb259e9b5be13a1afecb37545519a79 Mon Sep 17 00:00:00 2001
From: Joshua <lio@werewolf.design>
Date: Wed, 19 Oct 2022 23:58:03 +0200
Subject: [PATCH] introduce note icon (broken)

---
 components/Icon.tsx    |  15 ++-
 public/icons/icons.svg | 204 +++++++++++++++++++++++++++++++++++++++++
 public/icons/note.svg  |  20 ++++
 utils/types.ts         |   3 +-
 4 files changed, 239 insertions(+), 3 deletions(-)
 create mode 100644 public/icons/icons.svg
 create mode 100644 public/icons/note.svg

diff --git a/components/Icon.tsx b/components/Icon.tsx
index 299a3c9..6cba024 100644
--- a/components/Icon.tsx
+++ b/components/Icon.tsx
@@ -1,9 +1,20 @@
 import { Icon } from "utils/types";
 
-const Icon = ({icon, className}: {icon: Icon, className?:string}) => {
+const Icon = ({ icon, className }: { icon: Icon, className?: string }) => {
+    let link;
+    switch (icon) {
+        case "note":
+            link = "/icons/note.svg"
+            break;
+
+        default:
+            link = `/icons/icons.svg#${icon}`
+            break;
+    }
+
     return (
         <svg className={className} width={"1.2em"} height={"1.2em"}>
-            <use href={`/icons.svg#${icon}`} />
+            <use href={link} />
         </svg>
     )
 }
diff --git a/public/icons/icons.svg b/public/icons/icons.svg
new file mode 100644
index 0000000..0dfa8e7
--- /dev/null
+++ b/public/icons/icons.svg
@@ -0,0 +1,204 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="arrow-left"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m7.25 3.75-4.5 4.5 4.5 4.5m-4.5-4.5h10.5"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="arrow-right"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m8.75 3.75 4.5 4.5-4.5 4.5m-6-4.5h10.5"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="arrow-up-right"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path d="m5.25 4.25h6.5v6.5m0-6.5-7.5 7.5" fill="none" stroke="currentColor" />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="asterisk"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m7.75 1.25v14m-6-10.5 12 7m-12 0 12-7"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="chevron-left"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path d="M 11.25,14.25 5,8 11.25,1.75" fill="none" stroke="currentColor" />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="chevron-right"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path d="M 4.75,14.25 11,8 4.75,1.75" fill="none" stroke="currentColor" />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="envelope"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m1.25 3.5c0-0.4155 0.3345-0.75 0.75-0.75h12c0.4155 0 0.75 0.3345 0.75 0.75v8.5c0 0.4155-0.3345 0.75-0.75 0.75h-12c-0.4155 0-0.75-0.3345-0.75-0.75zm0 0.25 5.2845 4.3681c1.0065 0.83198 1.9181 0.82912 2.9676-0.03704l5.2479-4.3311"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="git-branch"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m12.25 5.75c0 3.5899-2.9101 6.5-6.5 6.5m3e-7 0c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm8.5-8.5c0 1.1046-0.89543 2-2 2s-2-0.89543-2-2 0.89543-2 2-2 2 0.89543 2 2zm-10.5 6.4998v-7.9998"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="globe"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m1.75 8.25h12.5m-4 0a2.25 6.5 0 0 1-2.25 6.5 2.25 6.5 0 0 1-2.25-6.5 2.25 6.5 0 0 1 2.25-6.5 2.25 6.5 0 0 1 2.25 6.5zm4.25 0a6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5 6.5 6.5 0 0 1 6.5 6.5z"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="graph"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m5.25 13c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm9-3.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75c0-0.9665 0.7835-1.75 1.75-1.75s1.75 0.7835 1.75 1.75zm-7-6.5c0 0.9665-0.7835 1.75-1.75 1.75s-1.75-0.7835-1.75-1.75 0.7835-1.75 1.75-1.75 1.75 0.7835 1.75 1.75zm-2.0942 9.4126 5.6868-2.3235m-4.163-5.7868 4.5859 3.9307m-6.0863-3.5029-1.3496 6.543"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="hash"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m4.7501 14.25 0.99984-12m4 12 1.0002-12m-8.5001 3.5h11m-11 5h11"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="image"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m6.25 5.5a0.75 0.75 0 0 1-0.75 0.75 0.75 0.75 0 0 1-0.75-0.75 0.75 0.75 0 0 1 0.75-0.75 0.75 0.75 0 0 1 0.75 0.75zm-3 8.75 7.5-7.5 3.5 3.5m-11.75-8.5h11c0.4155 0 0.75 0.3345 0.75 0.75v11c0 0.4155-0.3345 0.75-0.75 0.75h-11c-0.4155 0-0.75-0.3345-0.75-0.75v-11c0-0.4155 0.3345-0.75 0.75-0.75z"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    viewBox="0 0 16 16"
+    id="link"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m8.25 3.15 0.4519-0.4481c1.2692-1.2692 3.327-1.2692 4.5962 0s1.2692 3.327 0 4.5962l-2 2c-1.2692 1.2692-3.327 1.2692-4.5962 0"
+      fill="none"
+      stroke="currentColor"
+    />
+ <path
+      d="m7.75 12.85-0.45662 0.45281c-1.2692 1.2692-3.327 1.2692-4.5962 0s-1.2692-3.327 0-4.5962l2-2c1.2692-1.2692 3.327-1.2692 4.5962 0"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    viewBox="0 0 16 16"
+    id="messages"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m1.5 1.25h9c0.4155 0 0.75 0.3345 0.75 0.75v6.9999c0 0.4155-0.3345 0.75-0.75 0.75h-7.25l-2.5 2.5001v-10.25c0-0.4155 0.3345-0.75 0.75-0.75z"
+      fill="none"
+      stroke="currentColor"
+    />
+ <path
+      d="m5.25 12.75h7.5l2.5 2.5001v-10.25c0-0.4155-0.3345-0.75-0.75-0.75h-0.25"
+      fill="none"
+      stroke="currentColor"
+    />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="parallelogram"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path d="m15.25 4.25-5 7.5h-9.5l5-7.5z" fill="none" stroke="currentColor" />
+</symbol><symbol
+    viewBox="0 0 16 16"
+    id="shuffle"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path d="m2.75 2.75 3 3" fill="none" stroke="currentColor" />
+ <path d="m9.75 2.25h4v4m-11 7 11-11" fill="none" stroke="currentColor" />
+ <path d="m10.25 10.25 3.5 3.5m-4 0h4v-4" fill="none" stroke="currentColor" />
+</symbol><symbol
+    viewBox="0 0 16 16"
+    id="smile"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path
+      d="m11.309 9.7658c-0.63143 1.1808-1.8764 1.9842-3.3091 1.9842-1.4381 0-2.6872-0.80955-3.3163-1.9978"
+      fill="none"
+      stroke="currentColor"
+    />
+ <circle cx="8" cy="8" r="6.75" fill="none" stroke="currentColor" />
+ <path d="m10.25 5.75v1.5" fill="none" stroke="currentColor" />
+ <path d="m5.75 5.75v1.5" fill="none" stroke="currentColor" />
+</symbol><symbol
+    fill="none"
+    stroke="currentColor"
+    viewBox="0 0 16 16"
+    id="x"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+ <path d="m3 3 10 10m-10 0 10-10" fill="none" stroke="currentColor" />
+</symbol></svg>
diff --git a/public/icons/note.svg b/public/icons/note.svg
new file mode 100644
index 0000000..6e45012
--- /dev/null
+++ b/public/icons/note.svg
@@ -0,0 +1,20 @@
+<svg fill="none" stroke="currentColor" viewBox="0 0 200 200"><circle
+    cx="7"
+    cy="17"
+    r="2.25"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="1.5"
+  /><path
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="1.5"
+    d="M9.25 17V6.75a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2V14"
+  /><circle
+    cx="17"
+    cy="14"
+    r="2.25"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="1.5"
+  /></svg>
diff --git a/utils/types.ts b/utils/types.ts
index 003bed9..87e167c 100644
--- a/utils/types.ts
+++ b/utils/types.ts
@@ -25,4 +25,5 @@ export type Icon =
   | "arrow-up-right"
   | "arrow-right"
   | "spotify"
-  | "arrow-right";
+  | "arrow-right"
+  | "note"