fix(frontend): icon stylus note in table flow (#2729)

dreammall-earth · Oct 16, 2024 · 36a4dd1 · 36a4dd1
1 parent 15ba708
commit 36a4dd1
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/frontend/src/assets/icons/custom-stylus-note.svg b/frontend/src/assets/icons/custom-stylus-note.svg
diff --git 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
@@ -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
@@ -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
     />