create new dashboard for rebranding (#686)

bloomwalletio · Sep 13, 2023 · 0b9dc4b · 0b9dc4b
1 parent 876b25e
commit 0b9dc4b
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 0 deletions.
diff --git a/packages/desktop/features/wallet.features.ts b/packages/desktop/features/wallet.features.ts
@@ -11,6 +11,9 @@ const walletFeatures: IWalletFeatures = {
             enabled: true,
         },
     },
+    newDashboard: {
+        enabled: false,
+    },
     walletConnect: {
         enabled: false,
     },

diff --git a/packages/desktop/views/dashboard/Dashboard.svelte b/packages/desktop/views/dashboard/Dashboard.svelte
@@ -23,10 +23,12 @@
     import { Governance } from './governance'
     import { Settings } from './settings'
     import { Wallet } from './wallet'
+    import { NewDashboard } from './new-dashboard'
     import { DashboardDrawerRouterView } from './drawers'
 
     const tabs = {
         wallet: Wallet,
+        newDashboard: NewDashboard,
         settings: Settings,
         collectibles: Collectibles,
         governance: Governance,

diff --git a/packages/desktop/views/dashboard/Sidebar.svelte b/packages/desktop/views/dashboard/Sidebar.svelte
@@ -31,6 +31,16 @@
                   },
               ]
             : []),
+        ...(features?.wallet?.newDashboard?.enabled
+            ? [
+                  {
+                      icon: IconEnum.Wallet,
+                      label: localize('tabs.wallet'),
+                      route: DashboardRoute.NewDashboard,
+                      onClick: openNewDashboard,
+                  },
+              ]
+            : []),
         ...(features?.collectibles?.enabled
             ? [
                   {
@@ -67,6 +77,11 @@
         resetAllRouters()
     }
 
+    function openNewDashboard(): void {
+        resetAllRouters()
+        $dashboardRouter.goTo(DashboardRoute.NewDashboard)
+    }
+
     function openCollectibles(): void {
         resetAllRouters()
         $dashboardRouter.goTo(DashboardRoute.Collectibles)

diff --git a/packages/desktop/views/dashboard/new-dashboard/NewDashboard.svelte b/packages/desktop/views/dashboard/new-dashboard/NewDashboard.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import { Pane } from '@ui'
+    import { selectedAccount } from '@core/account/stores'
+</script>
+
+{#if $selectedAccount}
+    <wallet-container
+        class="w-full h-full flex flex-nowrap p-8 relative flex-1
+        bg-gray-50 dark:bg-gray-900 justify-center items-center"
+    >
+        {#key $selectedAccount?.index}
+            <div class="h-full w-full flex flex-col gap-8">
+                <Pane>Balance section</Pane>
+                <Pane classes="flex-grow">Activity/Token section</Pane>
+            </div>
+        {/key}
+    </wallet-container>
+{/if}
diff --git a/packages/desktop/views/dashboard/new-dashboard/index.js b/packages/desktop/views/dashboard/new-dashboard/index.js
@@ -0,0 +1 @@
+export { default as NewDashboard } from './NewDashboard.svelte'
diff --git a/packages/shared/src/lib/core/router/enums/dashboard-route.enum.ts b/packages/shared/src/lib/core/router/enums/dashboard-route.enum.ts
@@ -1,5 +1,6 @@
 export enum DashboardRoute {
     Wallet = 'wallet',
+    NewDashboard = 'newDashboard',
     Collectibles = 'collectibles',
     Developer = 'developer',
     Governance = 'governance',

diff --git a/packages/shared/src/lib/features/interfaces/wallet-features.interface.ts b/packages/shared/src/lib/features/interfaces/wallet-features.interface.ts
@@ -5,6 +5,7 @@ export interface IWalletFeatures extends IFeatureFlag {
     sendAndReceive: IFeatureFlag & {
         nft: IFeatureFlag
     }
+    newDashboard: IFeatureFlag
     walletConnect: IFeatureFlag
     assets: IFeatureFlag & {
         burnToken: IFeatureFlag
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export { default as NewDashboard } from './NewDashboard.svelte'