From a08f467857917e594fef1196a6d0bf851e6ca40e Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Thu, 11 May 2023 01:18:30 +0800
Subject: [PATCH] fix: ping-connect-wallet display hierarchy problem

---
 src/layouts/components/NavBarWallet.vue | 15 +++++++++------
 src/layouts/components/newFooter.vue    |  9 +++++++++
 yarn.lock                               |  2 +-
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index 55aeaf47..ca5921fe 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import { ref } from 'vue';
-import { useBlockchain, useWalletStore } from '@/stores';
-
-const walletStore = useWalletStore()
+import { useWalletStore } from '@/stores';
 
+const walletStore = useWalletStore();
 </script>
 
 <template>
   <div>
-    <span v-if="walletStore.currentAddress">{{ walletStore.currentAddress }}</span>
-    <ping-connect-wallet v-else class="mt-5" :chain-id="'juno-1'" :hd-path="`m/44'/118/0'/0/0`" />
+    <span v-if="walletStore.currentAddress">{{
+      walletStore.currentAddress
+    }}</span>
+
+    <label v-else for="PingConnectWallet" class="btn btn-sm ml-4 ping-connect-btn"
+      >Connect Wallet</label
+    >
   </div>
 </template>
diff --git a/src/layouts/components/newFooter.vue b/src/layouts/components/newFooter.vue
index 160c3d4a..3295ca87 100644
--- a/src/layouts/components/newFooter.vue
+++ b/src/layouts/components/newFooter.vue
@@ -31,4 +31,13 @@
       >
     </div>
   </footer>
+  <div class="footer-modal">
+    <ping-connect-wallet :chain-id="'juno-1'" :hd-path="`m/44'/118/0'/0/0`" />
+  </div>
 </template>
+
+<style>
+.footer-modal .ping-connect-btn {
+  display: none;
+}
+</style>
diff --git a/yarn.lock b/yarn.lock
index 1220b1f1..691f7f7e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6711,7 +6711,7 @@ pify@^3.0.0:
 
 "ping-widget@git+https://github.com/ping-pub/widget.git":
   version "0.0.5"
-  resolved "git+https://github.com/ping-pub/widget.git#2c4bf89ba35ea6cb6ecbfe07e32f70ba8089e9bc"
+  resolved "git+https://github.com/ping-pub/widget.git#7ce4842101089476d915027f58021088afef9cb8"
   dependencies:
     "@cosmjs/amino" "^0.30.1"
     "@cosmjs/ledger-amino" "^0.30.1"