feat: disable tabs

iotaledger · Mar 27, 2024 · a35fb60 · a35fb60
1 parent a412bff
commit a35fb60
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/packages/desktop/components/SidebarTab.svelte b/packages/desktop/components/SidebarTab.svelte
@@ -28,8 +28,9 @@
     on:mouseenter={handleShowTooltip}
     on:mouseleave={handleHideTooltip}
     bind:this={anchor}
-    class="{$dashboardRoute === tab?.route ? 'text-blue-500' : 'text-gray-500'} relative"
+    class="{$dashboardRoute === tab?.route ? 'text-blue-500' : 'text-gray-500'} relative disabled:opacity-50"
     on:click={onClick}
+    disabled={tab?.disabled}
 >
     <Icon width="24" height="24" icon={tab?.icon} />
 

diff --git a/packages/desktop/lib/routers/interfaces/sidebar-tab.interface.ts b/packages/desktop/lib/routers/interfaces/sidebar-tab.interface.ts
@@ -9,4 +9,5 @@ export interface ISidebarTab {
     onClick: () => void
     notificationType?: NotificationType
     showNotificationBadge?: boolean
+    disabled?: boolean
 }
diff --git a/packages/desktop/views/dashboard/Sidebar.svelte b/packages/desktop/views/dashboard/Sidebar.svelte
@@ -6,21 +6,20 @@
     import { activeProfile } from '@core/profile/stores'
     import { DashboardRoute, collectiblesRouter, dashboardRouter, governanceRouter, settingsRouter } from '@core/router'
     import { isRecentDate } from '@core/utils'
+    import { selectedWallet } from '@core/wallet'
     import { ISidebarTab } from '@desktop/routers'
     import features from '@features/features'
     import { Icon, Modal, NotificationBadge, ProfileActionsModal, ProfilePicture, Size } from '@ui'
 
     let profileModal: Modal
+    let sidebarTabs: ISidebarTab[]
 
     const profileColor = 'blue' // TODO: each profile has a different color
-
     const { shouldOpenProfileModal } = $activeProfile
 
     $: lastStrongholdBackupTime = $activeProfile?.lastStrongholdBackupTime
     $: lastBackupDate = lastStrongholdBackupTime ? new Date(lastStrongholdBackupTime) : null
     $: isBackupSafe = lastBackupDate && isRecentDate(lastBackupDate)?.lessThanThreeMonths
-
-    let sidebarTabs: ISidebarTab[]
     $: sidebarTabs = [
         ...(features?.wallet?.enabled
             ? [
@@ -39,6 +38,7 @@
                       label: localize('tabs.collectibles'),
                       route: DashboardRoute.Collectibles,
                       onClick: openCollectibles,
+                      disabled: Boolean(!$selectedWallet?.mainAccountId),
                   },
               ]
             : []),
@@ -49,6 +49,7 @@
                       label: localize('tabs.governance'),
                       route: DashboardRoute.Governance,
                       onClick: openGovernance,
+                      disabled: Boolean(!$selectedWallet?.mainAccountId),
                   },
               ]
             : []),
@@ -59,6 +60,7 @@
                       label: localize('tabs.vesting'),
                       route: DashboardRoute.Vesting,
                       onClick: openVesting,
+                      disabled: Boolean(!$selectedWallet?.mainAccountId),
                   },
               ]
             : []),
@@ -80,6 +82,7 @@
                       label: localize('tabs.delegation'),
                       route: DashboardRoute.Delegation,
                       onClick: openDelegation,
+                      disabled: Boolean(!$selectedWallet?.mainAccountId),
                   },
               ]
             : []),
@@ -90,6 +93,7 @@
                       label: localize('tabs.developer'),
                       route: DashboardRoute.Developer,
                       onClick: openDeveloper,
+                      disabled: Boolean(!$selectedWallet?.mainAccountId),
                   },
               ]
             : []),