Implement log out

consensusnetworks · Jun 22, 2023 · bc2c27a · bc2c27a
1 parent 0399f4a
commit bc2c27a
Show file tree

Hide file tree

Showing 4 changed files with 1,020 additions and 1,013 deletions.
diff --git a/apps/web/src/composables/users.ts b/apps/web/src/composables/users.ts
@@ -1,13 +1,13 @@
 import { ref } from 'vue'
-import { AddAccountOptions, ProviderString, RemoveAccountOptions, UserWithAccounts, ExistingUserCheck, ApiResponse } from '@casimir/types'
+import { AddAccountOptions, ProviderString, RemoveAccountOptions, UserWithAccounts, ApiResponse } from '@casimir/types'
 import useEnvironment from '@/composables/environment'
 import * as Session from 'supertokens-web-js/recipe/session'
 
 const { usersBaseURL } = useEnvironment()
 
 // 0xd557a5745d4560B24D36A68b52351ffF9c86A212
 const session = ref<boolean>(false)
-const user = ref<UserWithAccounts>()
+const user = ref<UserWithAccounts | null>(null)
 
 export default function useUsers () {
 

diff --git a/apps/web/src/composables/wallet.ts b/apps/web/src/composables/wallet.ts
@@ -171,20 +171,22 @@ export default function useWallet() {
         // TODO: Implement this for other providers
         console.log('Sign up not yet supported for this wallet provider')
       }
-    } catch (error) {
+    } catch (error: any) {
       throw new Error(error.message || 'There was an error logging in')
     }
   }
 
   async function logout() {
+    console.log('clicked log out')
     loadingUserWallets.value = true
     await Session.signOut()
     setSelectedAddress('')
     setSelectedProvider('')
     setSelectedCurrency('')
-    setUser(undefined)
+    setUser(null)
     setPrimaryAddress('')
     loadingUserWallets.value = false
+    console.log('user.value :>> ', user.value)
     // router.push('/auth')
   }
 

diff --git a/apps/web/src/layouts/default-layout.vue b/apps/web/src/layouts/default-layout.vue
@@ -14,6 +14,7 @@ const termsCheckbox = ref(true)
 const  {
   activeWallets,
   userAddresses,
+  logout,
   selectAddress,
   selectProvider,
 } = useWallet()
@@ -178,7 +179,11 @@ onUnmounted(() =>{
               API
             </span>
           </button>
-          <button class="border-t border-[#EAECF0] flex items-center px-[16px] py-[10px] gap-[12px] w-full">
+          <button
+            class="border-t border-[#EAECF0] flex items-center px-[16px] py-[10px] gap-[12px] w-full"
+            :disabled="!user"
+            @click="logout"
+          >
             <vue-feather
               type="log-out"
               size="36"