make expired dapp slightly transparent

bloomwalletio · Jan 22, 2024 · 7d5173d · 7d5173d
1 parent 51a8aef
commit 7d5173d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/desktop/views/dashboard/drawers/dapp-config/components/DappCard.svelte b/packages/desktop/views/dashboard/drawers/dapp-config/components/DappCard.svelte
@@ -7,6 +7,7 @@
     import { localize } from '@core/i18n'
 
     export let dapp: IConnectedDapp
+    export let classes: string = ''
     export let onClick: (() => unknown) | undefined = undefined
 
     $: networkIds = Object.values(
@@ -15,7 +16,7 @@
 </script>
 
 <ClickableTile
-    classes="bg-surface-0 dark:bg-surface-0-dark border border-solid border-stroke dark:border-stroke-dark"
+    classes="bg-surface-0 dark:bg-surface-0-dark border border-solid border-stroke dark:border-stroke-dark {classes}"
     {onClick}
 >
     <div class="w-full flex flex-row justify-between items-center p-2 gap-3">

diff --git a/packages/desktop/views/dashboard/drawers/dapp-config/views/ConnectedDappsDrawer.svelte b/packages/desktop/views/dashboard/drawers/dapp-config/views/ConnectedDappsDrawer.svelte
@@ -57,7 +57,11 @@
     {#if displayedDapps.length}
         <div class="h-full flex flex-col scrollable px-6 items-start gap-3">
             {#each displayedDapps as dapp}
-                <DappCard {dapp} onClick={() => onDappCardClick(dapp)} />
+                <DappCard
+                    {dapp}
+                    onClick={() => onDappCardClick(dapp)}
+                    classes={selectedIndex === 1 ? 'opacity-50' : ''}
+                />
             {/each}
         </div>
     {:else}