From ff112dbac06bd95942237daccfb76a66c4f25987 Mon Sep 17 00:00:00 2001
From: Lionell Briones <llenoil@gmail.com>
Date: Wed, 7 Feb 2024 15:23:03 +0800
Subject: [PATCH] minor ui fixes

---
 src/components/LoginDetails/LoginDetails.vue |  2 +-
 src/components/Navbar/Navbar.vue             | 10 ++++++----
 src/store/web3authStore.ts                   |  4 ++--
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/LoginDetails/LoginDetails.vue b/src/components/LoginDetails/LoginDetails.vue
index 2fe2d7b..4802da0 100644
--- 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
index c522b13..dde1370 100644
--- 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
index 8bfa27e..0c1bd66 100644
--- 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'