From 36a4dd164eb1f581d57b1ec33804973af895404c Mon Sep 17 00:00:00 2001
From: sebastian2357 <80636200+sebastian2357@users.noreply.github.com>
Date: Wed, 16 Oct 2024 10:41:17 +0200
Subject: [PATCH] fix(frontend): icon stylus note in table flow (#2729)

---
 frontend/src/assets/icons/custom-stylus-note.svg               | 3 +++
 frontend/src/assets/icons/index.ts                             | 2 ++
 .../cockpit/my-tables/create-table/EnterNameAndVisibility.vue  | 2 +-
 .../src/components/malltalk/setup/EnterNameAndVisibility.vue   | 2 +-
 4 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/assets/icons/custom-stylus-note.svg

diff --git a/frontend/src/assets/icons/custom-stylus-note.svg b/frontend/src/assets/icons/custom-stylus-note.svg
new file mode 100644
index 000000000..fc78cc8d9
--- /dev/null
+++ b/frontend/src/assets/icons/custom-stylus-note.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M 12.546346,17.949811 21.703264,6.3970908 20.281884,4.6038281 11.124966,16.156507 Z M 5.4121451,20.950072 C 3.589869,20.835124 2.2322769,20.352258 1.3393689,19.501613 0.44645676,18.650968 0,17.420938 0,15.811662 0,14.317292 0.48745822,13.104546 1.4623719,12.173437 2.4372911,11.242328 3.7903239,10.684801 5.5214842,10.500884 6.2321742,10.431915 6.765178,10.288216 7.120523,10.069814 7.475868,9.8513982 7.6535405,9.5467713 7.6535405,9.1559333 7.6535405,8.5581882 7.3847521,8.109876 6.8471892,7.8109965 6.3096124,7.5121171 5.4212636,7.2937153 4.1821153,7.1557773 L 4.3734517,4.3969211 c 1.8769457,0.1839173 3.2573064,0.6609666 4.1411097,1.431148 0.8838033,0.7701813 1.325705,1.879474 1.325705,3.3278642 0,1.2184937 -0.3507858,2.1726057 -1.0523573,2.8623097 -0.7015854,0.689718 -1.7357196,1.103545 -3.1024163,1.241497 -1.1662557,0.114948 -2.0409543,0.385077 -2.6240821,0.8104 -0.5831278,0.425336 -0.8746848,1.005839 -0.8746848,1.741522 0,0.804638 0.2551244,1.385182 0.7653595,1.741494 0.5102352,0.356451 1.3666968,0.569077 2.5693988,0.638019 z M 13.065686,21.191436 8.555567,15.501357 18.997143,2.3277783 c 0.364463,-0.4598084 0.797316,-0.6897134 1.298419,-0.6897134 0.501102,0 0.933955,0.229905 1.298418,0.6897134 l 1.913364,2.4140016 c 0.364464,0.459807 0.546696,1.0058253 0.546696,1.6380687 0,0.6322295 -0.182232,1.1782617 -0.546696,1.6380687 z M 8.7195618,22.329452 C 8.4097816,22.421466 8.1364478,22.317985 7.8995465,22.019147 7.6626452,21.720171 7.5806478,21.375326 7.6535405,20.984474 l 0.9020265,-5.483117 4.510119,5.690079 z" fill="currentColor" id="path1549" style="stroke-width:1" />
+</svg>
diff --git a/frontend/src/assets/icons/index.ts b/frontend/src/assets/icons/index.ts
index b9fa371a9..67477f89b 100644
--- a/frontend/src/assets/icons/index.ts
+++ b/frontend/src/assets/icons/index.ts
@@ -1,6 +1,7 @@
 import Bell from './bell.svg?component'
 import Camera from './camera.svg?component'
 import Cockpit from './cockpit.svg?component'
+import CustomStylusNote from './custom-stylus-note.svg?component'
 import Discord from './discord.svg?component'
 import Ellipsis from './ellipsis.svg?component'
 import Handshake from './handshake.svg?component'
@@ -27,6 +28,7 @@ const aliases: Partial<IconAliases> = {
   handshake: Handshake,
   logout: Logout,
   mall: Mall,
+  'custom-stylus-note': CustomStylusNote,
   message: Message,
   moon: Moon,
   reception: Reception,
diff --git a/frontend/src/components/cockpit/my-tables/create-table/EnterNameAndVisibility.vue b/frontend/src/components/cockpit/my-tables/create-table/EnterNameAndVisibility.vue
index adbe3e639..44ee2b5aa 100644
--- a/frontend/src/components/cockpit/my-tables/create-table/EnterNameAndVisibility.vue
+++ b/frontend/src/components/cockpit/my-tables/create-table/EnterNameAndVisibility.vue
@@ -11,7 +11,7 @@
       content-class="elevation-0"
       :label="$t('dream-mall-panel.setup.table-name')"
       variant="solo-filled"
-      append-inner-icon="mdi-pencil"
+      append-inner-icon="$custom-stylus-note"
       maxlength="64"
       required
       autofocus
diff --git a/frontend/src/components/malltalk/setup/EnterNameAndVisibility.vue b/frontend/src/components/malltalk/setup/EnterNameAndVisibility.vue
index 98cade09f..f8dc11832 100644
--- a/frontend/src/components/malltalk/setup/EnterNameAndVisibility.vue
+++ b/frontend/src/components/malltalk/setup/EnterNameAndVisibility.vue
@@ -8,7 +8,7 @@
       content-class="elevation-0"
       :label="$t('dream-mall-panel.setup.table-name')"
       variant="solo-filled"
-      append-inner-icon="mdi-pencil"
+      append-inner-icon="$custom-stylus-note"
       maxlength="64"
       required
     />