Disable sync button instead of hide

Author: kadiryazici

src/components/AppSidebar.vue

@@ -24,14 +24,15 @@ const store = useStore()
     </div>
     <div class="lower">
       <SidebarButton
-        v-if="store.currentPage === Page.Home"
+        :disabled="store.currentPage !== Page.Home"
         title="Reload notifications"
         @click="store.fetchNotifications(true)"
       >
         <Icons.Sync16 :class="{ 'sync-icon-spin': store.loadingNotifications }" />
       </SidebarButton>
 
       <SidebarButton
+        :disabled="store.currentPage === Page.Settings"
         title="Go to settings"
         @click="store.setPage(Page.Settings)"
       >

src/components/SidebarButton.vue

@@ -3,9 +3,7 @@ interface Props {
   disabled?: boolean
 }
 
-const props = withDefaults(defineProps<Props>(), {
-  disabled: false,
-})
+withDefaults(defineProps<Props>(), { disabled: false })
 </script>
 
 <template>