From f53108a102f81e2d2979f484e8158b8af9298f93 Mon Sep 17 00:00:00 2001
From: Mark Nardi <nardimark7@gmail.com>
Date: Mon, 22 Jan 2024 14:06:30 +0100
Subject: [PATCH] disable expired dapps

---
 .../drawers/dapp-config/components/DappCard.svelte          | 5 +++--
 .../drawers/dapp-config/views/ConnectedDappsDrawer.svelte   | 6 +-----
 packages/shared/src/components/tiles/ClickableTile.svelte   | 4 ++--
 3 files changed, 6 insertions(+), 9 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
index b4029e2056..80dbd5a224 100644
--- a/packages/desktop/views/dashboard/drawers/dapp-config/components/DappCard.svelte
+++ b/packages/desktop/views/dashboard/drawers/dapp-config/components/DappCard.svelte
@@ -7,7 +7,7 @@
     import { localize } from '@core/i18n'
 
     export let dapp: IConnectedDapp
-    export let classes: string = ''
+    export let disabled: boolean = false
     export let onClick: (() => unknown) | undefined = undefined
 
     $: networkIds = Object.values(
@@ -16,7 +16,8 @@
 </script>
 
 <ClickableTile
-    classes="bg-surface-0 dark:bg-surface-0-dark border border-solid border-stroke dark:border-stroke-dark {classes}"
+    classes="bg-surface-0 dark:bg-surface-0-dark border border-solid border-stroke dark:border-stroke-dark"
+    {disabled}
     {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
index 5e7b39d8ae..43d2567222 100644
--- a/packages/desktop/views/dashboard/drawers/dapp-config/views/ConnectedDappsDrawer.svelte
+++ b/packages/desktop/views/dashboard/drawers/dapp-config/views/ConnectedDappsDrawer.svelte
@@ -57,11 +57,7 @@
     {#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)}
-                    classes={selectedIndex === 1 ? 'opacity-50' : ''}
-                />
+                <DappCard {dapp} disabled={selectedIndex === 1} onClick={() => onDappCardClick(dapp)} />
             {/each}
         </div>
     {:else}
diff --git a/packages/shared/src/components/tiles/ClickableTile.svelte b/packages/shared/src/components/tiles/ClickableTile.svelte
index 8ea892e09c..761e475480 100644
--- a/packages/shared/src/components/tiles/ClickableTile.svelte
+++ b/packages/shared/src/components/tiles/ClickableTile.svelte
@@ -9,11 +9,11 @@
 <Tile
     classes="
         {onClick ? 'hover:bg-gray-100 dark:hover:bg-gray-950 cursor-pointer' : 'pointer-events-none'}
-        {disabled ? 'opacity-50' : ''}
+        {disabled ? 'opacity-50 pointer-events-none' : ''}
         {classes}
     "
     {...$$restProps}
-    on:click={onClick}
+    on:click={() => !disabled && onClick?.()}
 >
     <slot />
 </Tile>