fix: change icons for history job notes

Signed-off-by: Stefan Dej <meteyou@gmail.com>
mainsail-crew · Apr 28, 2024 · 352515f · 352515f
1 parent b61804e
commit 352515f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 81 deletions.
diff --git a/src/components/dialogs/HistoryListPanelNoteDialog.vue b/src/components/dialogs/HistoryListPanelNoteDialog.vue
@@ -1,6 +1,6 @@
 <template>
     <v-dialog v-model="show" :max-width="600" persistent @keydown.esc="closeDialog">
-        <panel :title="panelTitle" :icon="panelIcon" card-class="history-note-dialog" :margin-bottom="false">
+        <panel :title="panelTitle" :icon="icon" card-class="history-note-dialog" :margin-bottom="false">
             <template #buttons>
                 <v-btn icon tile @click="closeDialog">
                     <v-icon>{{ mdiCloseThick }}</v-icon>
@@ -28,7 +28,7 @@ import BaseMixin from '@/components/mixins/base'
 import SettingsRow from '@/components/settings/SettingsRow.vue'
 import Panel from '@/components/ui/Panel.vue'
 import { ServerHistoryStateJob } from '@/store/server/history/types'
-import { mdiCloseThick, mdiNotebookEdit, mdiNotebookPlus } from '@mdi/js'
+import { mdiCloseThick, mdiNoteEditOutline, mdiNotePlusOutline } from '@mdi/js'
 
 @Component({
     components: {
@@ -51,10 +51,10 @@ export default class HistoryListPanelNoteDialog extends Mixins(BaseMixin) {
         return this.$t('History.EditNote').toString()
     }
 
-    get panelIcon() {
-        if (this.type === 'create') return mdiNotebookPlus
+    get icon() {
+        if (this.type === 'create') return mdiNotePlusOutline
 
-        return mdiNotebookEdit
+        return mdiNoteEditOutline
     }
 
     saveNote() {

diff --git a/src/components/dialogs/HistoryNoteDialog.vue b/src/components/dialogs/HistoryNoteDialog.vue
diff --git a/src/components/panels/History/HistoryListEntryJob.vue b/src/components/panels/History/HistoryListEntryJob.vue
@@ -56,7 +56,7 @@
                 <v-tooltip top>
                     <template #activator="{ on, attrs }">
                         <v-icon small class="mr-2" v-bind="attrs" v-on="on">
-                            {{ mdiNotebook }}
+                            {{ mdiNoteTextOutline }}
                         </v-icon>
                     </template>
                     <span v-html="item.note.replaceAll('\n', '<br />')" />
@@ -82,11 +82,11 @@
                     {{ $t('History.Details') }}
                 </v-list-item>
                 <v-list-item v-if="item.note" @click="editNote">
-                    <v-icon class="mr-1">{{ mdiNotebookEdit }}</v-icon>
+                    <v-icon class="mr-1">{{ mdiNoteEditOutline }}</v-icon>
                     {{ $t('History.EditNote') }}
                 </v-list-item>
                 <v-list-item v-else @click="createNote">
-                    <v-icon class="mr-1">{{ mdiNotebookPlus }}</v-icon>
+                    <v-icon class="mr-1">{{ mdiNotePlusOutline }}</v-icon>
                     {{ $t('History.AddNote') }}
                 </v-list-item>
                 <v-list-item
@@ -141,9 +141,9 @@ import {
     mdiDelete,
     mdiFile,
     mdiFileCancel,
-    mdiNotebook,
-    mdiNotebookEdit,
-    mdiNotebookPlus,
+    mdiNoteEditOutline,
+    mdiNotePlusOutline,
+    mdiNoteTextOutline,
     mdiPlaylistPlus,
     mdiPrinter,
     mdiTextBoxSearch,
@@ -161,9 +161,9 @@ export default class HistoryListPanel extends Mixins(BaseMixin) {
     mdiDelete = mdiDelete
     mdiFile = mdiFile
     mdiFileCancel = mdiFileCancel
-    mdiNotebook = mdiNotebook
-    mdiNotebookEdit = mdiNotebookEdit
-    mdiNotebookPlus = mdiNotebookPlus
+    mdiNoteEditOutline = mdiNoteEditOutline
+    mdiNotePlusOutline = mdiNotePlusOutline
+    mdiNoteTextOutline = mdiNoteTextOutline
     mdiPrinter = mdiPrinter
     mdiTextBoxSearch = mdiTextBoxSearch
     mdiPlaylistPlus = mdiPlaylistPlus