add wallet name after connect

enjin · Oct 30, 2023 · f693e8a · f693e8a
1 parent a8e6c7e
commit f693e8a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/resources/js/components/WalletConnectButton.vue b/resources/js/components/WalletConnectButton.vue
@@ -6,7 +6,7 @@
             >
                 <WalletIcon class="h-6 w-6" />
                 <LoadingCircle v-if="loading" class="!text-white" />
-                <span v-else class="hidden sm:block">{{ walletSession ? 'Wallet connected' : 'Connect wallet' }}</span>
+                <span v-else class="hidden sm:block">{{ walletSession ? walletName : 'Connect wallet' }}</span>
             </MenuButton>
         </div>
         <ScaleTransition>
@@ -68,6 +68,13 @@ const connectionStore = useConnectionStore();
 
 const loading = ref(false);
 const showAccountsModal = ref(false);
+const walletName = computed(() => {
+    if (connectionStore.provider === 'wc') {
+        return 'Enjin Wallet';
+    } else if (connectionStore.provider === 'polkadot.js') {
+        return 'Polkadot.JS';
+    }
+});
 
 const walletSession = computed(() => connectionStore.wallet);