From 940f8578ff048b7161285d5f65ed46c731bb6833 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 5 Aug 2024 12:25:42 +0500
Subject: [PATCH 1/2] add(ConnectWalletModal.vue): show selected chain when
 limited connection

---
 .../ConnectWallet/ConnectWalletModal.vue      |  2 +-
 .../common/ConnectWallet/WalletTabs.vue       | 24 ++++++++++---------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/components/common/ConnectWallet/ConnectWalletModal.vue b/components/common/ConnectWallet/ConnectWalletModal.vue
index 53c64983e5..7a149f9b1c 100644
--- a/components/common/ConnectWallet/ConnectWalletModal.vue
+++ b/components/common/ConnectWallet/ConnectWalletModal.vue
@@ -27,8 +27,8 @@
 
       <template v-else>
         <WalletTabs
-          v-if="!preselected"
           v-model="selectedTab"
+          :preselected="preselected"
         />
 
         <ConnectSubstrate
diff --git a/components/common/ConnectWallet/WalletTabs.vue b/components/common/ConnectWallet/WalletTabs.vue
index 31deecfa89..e9b7f34701 100644
--- a/components/common/ConnectWallet/WalletTabs.vue
+++ b/components/common/ConnectWallet/WalletTabs.vue
@@ -17,18 +17,20 @@
 import type { ChainVM } from '@kodadot1/static'
 import { NeoButton } from '@kodadot1/brick'
 
-const props = defineProps<{ modelValue: ChainVM }>()
+const props = defineProps<{ modelValue: ChainVM, preselected: ChainVM }>()
 
 const selectedTab = useVModel(props, 'modelValue')
 
-const walletTabs: { label: string, value: ChainVM }[] = [
-  {
-    label: 'Polkadot',
-    value: 'SUB',
-  },
-  {
-    label: 'Evm',
-    value: 'EVM',
-  },
-]
+const walletTabs = computed<{ label: string, value: ChainVM }[]>(() => {
+  return [
+    {
+      label: 'Polkadot',
+      value: 'SUB',
+    },
+    {
+      label: 'Evm',
+      value: 'EVM',
+    },
+  ].filter(tab => tab.value === props.preselected)
+})
 </script>

From 7a6fd53cb242be9feb0d4a167a24e07065b1a2d8 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 5 Aug 2024 15:22:20 +0500
Subject: [PATCH 2/2] fix(WalletTabs.vue): not showing tabs when not
 `preselected`

---
 components/common/ConnectWallet/WalletTabs.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/common/ConnectWallet/WalletTabs.vue b/components/common/ConnectWallet/WalletTabs.vue
index e9b7f34701..3167d92c8d 100644
--- a/components/common/ConnectWallet/WalletTabs.vue
+++ b/components/common/ConnectWallet/WalletTabs.vue
@@ -17,7 +17,7 @@
 import type { ChainVM } from '@kodadot1/static'
 import { NeoButton } from '@kodadot1/brick'
 
-const props = defineProps<{ modelValue: ChainVM, preselected: ChainVM }>()
+const props = defineProps<{ modelValue: ChainVM, preselected?: ChainVM }>()
 
 const selectedTab = useVModel(props, 'modelValue')
 
@@ -31,6 +31,6 @@ const walletTabs = computed<{ label: string, value: ChainVM }[]>(() => {
       label: 'Evm',
       value: 'EVM',
     },
-  ].filter(tab => tab.value === props.preselected)
+  ].filter(tab => props.preselected ? tab.value === props.preselected : true)
 })
 </script>