remove dropdown settings menu

0xsequence · Nov 8, 2024 · 56682e4 · 56682e4
1 parent 91a9bfa
commit 56682e4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 43 deletions.
diff --git a/src/components/SettingsDropdownMenu.tsx b/src/components/SettingsDropdownMenu.tsx
diff --git a/src/routes/Wallet.tsx b/src/routes/Wallet.tsx
@@ -14,6 +14,7 @@ import { ConnectOptions, MessageToSign } from '@0xsequence/provider'
 import EthereumProvider from '@walletconnect/ethereum-provider'
 import { ethers } from 'ethers'
 import { useEffect, useState } from 'react'
+import { useNavigate } from 'react-router-dom'
 
 import { useWalletConnectProvider } from '~/utils/ethereumprovider'
 import { getTransactionReceipt } from '~/utils/receipt'
@@ -34,7 +35,6 @@ import PendingTxn from '~/components/PendingTxn'
 import SelectProvider from '~/components/SelectProvider'
 import SendCollectible from '~/components/SendCollectible'
 import SendToken from '~/components/SendToken'
-import SettingsDropdownMenu from '~/components/SettingsDropdownMenu'
 import TokenList from '~/components/TokenList'
 import ConnectDapp from '~/components/signing/ConnectDapp'
 import ConnectionList from '~/components/signing/ConnectionList'
@@ -65,6 +65,8 @@ function Wallet() {
   const walletStore = useStore(WalletStore)
   const walletConnectSignClientStore = useStore(WalletConnectSignClientStore)
 
+  const navigate = useNavigate()
+
   const accountAddress = useObservable(authStore.accountAddress)
   const isSigningTxn = useObservable(walletStore.isSigningTxn)
   const isSigningMsg = useObservable(walletStore.isSigningMsg)
@@ -377,7 +379,14 @@ function Wallet() {
               onClick={() => setIsNetworkModalOpen(true)}
             />
 
-            <SettingsDropdownMenu />
+            <Button
+              label="Sign Out"
+              variant="text"
+              onClick={() => {
+                authStore.logout()
+                navigate('/')
+              }}
+            />
           </Box>
         </Box>
         <Box width="full" paddingX="8" style={{ maxWidth: '800px' }} marginBottom="16">