close wallet dialog upon selection (#157)

delegit-xyz · Sep 19, 2024 · dc08011 · dc08011
1 parent 228fc48
commit dc08011
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/header.tsx b/src/header.tsx
@@ -52,14 +52,15 @@ export const Header = () => {
   const { network, selectNetwork, lightClientLoaded, isLight } = useNetwork()
   const { accounts, selectAccount, selectedAccount } = useAccounts()
   const [, disconnectAll] = useWalletDisconnector()
-  const [isConnectionDialiogOpen, setIsConnectionDialiogOpen] = useState(false)
+  const [isConnectionDialogOpen, setIsConnectionDialogOpen] = useState(false)
   // eslint-disable-next-line
   const { theme, setTheme } = useTheme()
   const { search } = useLocation()
 
   useEffect(() => {
     if (!selectedAccount?.address && accounts.length > 0) {
       selectAccount(accounts[0])
+      setIsConnectionDialogOpen(false)
     }
   }, [accounts, selectAccount, selectedAccount?.address])
 
@@ -164,7 +165,7 @@ export const Header = () => {
               </DropdownMenuContent>
             </DropdownMenu>
             {!accounts.length && (
-              <Button onClick={() => setIsConnectionDialiogOpen(true)}>
+              <Button onClick={() => setIsConnectionDialogOpen(true)}>
                 Connect
               </Button>
             )}
@@ -207,6 +208,15 @@ export const Header = () => {
                       )}
                     </>
                   ))}
+                  <DropdownMenuItem
+                    className="cursor-pointer"
+                    key={'show'}
+                    onClick={() => {
+                      setIsConnectionDialogOpen(true)
+                    }}
+                  >
+                    Show wallets
+                  </DropdownMenuItem>
                   <DropdownMenuItem
                     className="cursor-pointer"
                     key={'logout'}
@@ -224,8 +234,8 @@ export const Header = () => {
         </div>
       </header>
       <ConnectionDialog
-        open={isConnectionDialiogOpen}
-        onClose={() => setIsConnectionDialiogOpen(false)}
+        open={isConnectionDialogOpen}
+        onClose={() => setIsConnectionDialogOpen(false)}
       />
     </>
   )