From e6f45d71c75206187a7ae87e5f90a22d288a53ef Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Sat, 2 Sep 2023 16:09:19 +0200
Subject: [PATCH] fix(UI): update notification indicator moves settings icon

---
 src/renderer/components/TheSettingBar.vue | 12 +++++++-----
 src/renderer/stores/application.ts        |  4 +++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/TheSettingBar.vue b/src/renderer/components/TheSettingBar.vue
index d0726735..adb04527 100644
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@@ -71,10 +71,12 @@
                class="settingbar-element btn btn-link"
                @click="showSettingModal('general')"
             >
-               <i
-                  class="settingbar-element-icon mdi mdi-24px mdi-cog text-light"
-                  :class="{ ' badge badge-update': hasUpdates }"
-               />
+               <div class="settingbar-element-icon-wrapper">
+                  <i
+                     class="settingbar-element-icon mdi mdi-24px mdi-cog text-light"
+                     :class="{ ' badge badge-update': hasUpdates }"
+                  />
+               </div>
             </li>
          </ul>
       </div>
@@ -239,7 +241,7 @@ if (!connectionsArr.value.length)
             border-radius: $border-radius;
          }
 
-         .settingbar-element-icon-wrapper{
+         .settingbar-element-icon-wrapper {
             display: flex;
             flex-direction: column;
             align-items: center;
diff --git a/src/renderer/stores/application.ts b/src/renderer/stores/application.ts
index d928c223..7bebd0d8 100644
--- a/src/renderer/stores/application.ts
+++ b/src/renderer/stores/application.ts
@@ -1,7 +1,9 @@
 import { Ace } from 'ace-builds';
 import * as Store from 'electron-store';
 import { defineStore } from 'pinia';
+
 const persistentStore = new Store({ name: 'settings' });
+export type UpdateStatus = 'noupdate' | 'available' | 'checking' | 'nocheck' | 'downloading' | 'downloaded' | 'disabled';
 
 export const useApplicationStore = defineStore('application', {
    state: () => ({
@@ -14,7 +16,7 @@ export const useApplicationStore = defineStore('application', {
       isScratchpad: false,
       selectedSettingTab: 'general',
       selectedConection: {},
-      updateStatus: 'noupdate', // 'noupdate' | 'available' | 'checking' | 'nocheck' | 'downloading' | 'downloaded' | 'disabled'
+      updateStatus: 'noupdate' as UpdateStatus,
       downloadProgress: 0,
       baseCompleter: [] as Ace.Completer[] // Needed to reset ace editor, due global-only ace completer
    }),