Merge pull request #18 from Web3Auth/fix/feedback

minor ui fixes
Web3Auth · Feb 7, 2024 · 576a185 · 576a185
2 parents 7828584 + ff112db
commit 576a185
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/components/LoginDetails/LoginDetails.vue b/src/components/LoginDetails/LoginDetails.vue
@@ -191,7 +191,7 @@ const returnAvatarLetter = (name: string) => {
         <div
           class="rounded-2xl p-4 bg-app-gray-100 flex flex-col flex-1 my-6 h-full w-full overflow-x-auto"
         >
-          <pre class="text-sm break-words leading-relaxed">{{ userInfo }}</pre>
+          <pre class="text-sm break-words leading-relaxed text-wrap">{{ userInfo }}</pre>
         </div>
         <Button block pill @on-click="openConsole = false">Close</Button>
       </div>

diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
-import { STEP_DETAILS } from '@/constants/common'
+import { ROUTES, STEP_DETAILS } from '@/constants/common'
 import { useWeb3authStore } from '@/store/web3authStore'
 import { Button } from '@toruslabs/vue-components/Button'
 import { Icon } from '@toruslabs/vue-components/Icon'
 import { computed, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 const router = useRouter()
+const route = useRoute()
 
 // Web3Auth
 const web3Auth = useWeb3authStore()
@@ -41,6 +42,7 @@ const logout = async () => {
   }
 }
 const isLoggedIn = computed(() => web3Auth.isLoggedIn)
+const isLoginPage = computed(() => route.name === ROUTES.LOGIN)
 </script>
 
 <template>
@@ -57,8 +59,8 @@ const isLoggedIn = computed(() => web3Auth.isLoggedIn)
         @click="emits('onRedirect')"
         class="cursor-pointer"
       />
-      <Button v-if="isLoggedIn" pill class="!hidden xl:!flex" @on-click="logout"> Logout </Button>
-      <Button v-else pill @on-click="handleDocsLink"> Documentation </Button>
+      <Button v-if="isLoginPage" pill @on-click="handleDocsLink"> Documentation </Button>
+      <Button v-else pill class="!hidden xl:!flex" @on-click="logout"> Logout </Button>
       <Icon
         v-if="isLoggedIn"
         name="menu-alt-two-solid-icon"

diff --git a/src/store/web3authStore.ts b/src/store/web3authStore.ts
@@ -40,8 +40,8 @@ export const useWeb3authStore = defineStore('web3auth', () => {
       privateKeyProvider: privateKeyProvider,
       uiConfig: {
         uxMode: 'redirect',
-        // logoDark: 'https://cryptologos.cc/logos/ethereum-eth-logo.png',
-        // logoLight: 'https://cryptologos.cc/logos/ethereum-eth-logo.png',
+        logoDark: 'https://images.web3auth.io/web3auth-logo-w-light.svg',
+        logoLight: 'https://images.web3auth.io/web3auth-logo-w-light.svg',
         mode: 'light'
       },
       web3AuthNetwork: 'sapphire_mainnet'