feat(folders): add custom icon (#376)

Author: antonreshetov

src/main/services/i18n/locales/en/common.json

@@ -60,5 +60,6 @@
   "collapse-all": "Collapse All",
   "expand-all": "Expand All",
   "restore": "Restore",
-  "copy-snippet-link": "Copy Snippet Link"
+  "copy-snippet-link": "Copy Snippet Link",
+  "set-custom-icon": "Set Custom Icon"
 }

src/main/services/i18n/locales/ru/common.json

@@ -59,5 +59,6 @@
   "collapse-all": "Закрыть все",
   "expand-all": "Открыть все",
   "restore": "Восстановить",
-  "copy-snippet-link": "Скопировать ссылку"
+  "copy-snippet-link": "Скопировать ссылку",
+  "set-custom-icon": "Установить иконку"
 }

src/main/services/ipc/context-menu.ts

@@ -311,6 +311,17 @@ export const subscribeToContextMenu = () => {
           {
             label: i18n.t('defaultLanguage'),
             submenu: createLanguageMenu()
+          },
+          { type: 'separator' },
+          {
+            label: i18n.t('set-custom-icon'),
+            click: () => {
+              resolve({
+                action: 'set-custom-icon',
+                type,
+                data: undefined
+              })
+            }
           }
         ]
 

src/renderer/App.vue

@@ -21,6 +21,10 @@
       {{ i18n.t('updateAvailable') }}
     </span>
   </div>
+  <!-- TODO: Подумать о дальнейшем управлении глобальным модальным окном -->
+  <AppModal v-model:show="appStore.showModal">
+    <AppFolderIcons />
+  </AppModal>
 </template>
 
 <script setup lang="ts">