chore: only show disconnect button once connected

reown-com · Oct 18, 2024 · 5e6c072 · 5e6c072
1 parent f77edba
commit 5e6c072
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/apps/laboratory/src/components/AppKitButtons.tsx b/apps/laboratory/src/components/AppKitButtons.tsx
@@ -1,4 +1,4 @@
-import { useAppKit, useDisconnect } from '@reown/appkit/react'
+import { useAppKit, useDisconnect, useAppKitAccount } from '@reown/appkit/react'
 import {
   Stack,
   Card,
@@ -12,6 +12,7 @@ import {
 
 export function AppKitButtons() {
   const { open } = useAppKit()
+  const { caipAddress } = useAppKitAccount()
   const { disconnect } = useDisconnect()
 
   return (
@@ -43,9 +44,11 @@ export function AppKitButtons() {
                 Open
               </Button>
 
-              <Button data-testid="disconnect-hook-button" onClick={() => disconnect()}>
-                Disconnect
-              </Button>
+              {caipAddress && (
+                <Button data-testid="disconnect-hook-button" onClick={() => disconnect()}>
+                  Disconnect
+                </Button>
+              )}
             </Box>
           </Box>
         </Stack>