fix(UI): update notification indicator moves settings icon

antares-sql · Sep 2, 2023 · e6f45d7 · e6f45d7
1 parent 661043b
commit e6f45d7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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
    }),