From f46a4418c911d981bd9addf3c52ed1f838ab75a2 Mon Sep 17 00:00:00 2001
From: odiinnn <38395645+odiinnn@users.noreply.github.com>
Date: Tue, 30 Sep 2025 18:34:31 +0300
Subject: [PATCH] Add disconnect functionality to App component

- Introduced a disconnect button that removes the wallet from localStorage and reloads the page when clicked.
- Updated the rendering logic to conditionally display the connect and disconnect buttons based on the connection state.
---
 example/src/App.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/example/src/App.tsx b/example/src/App.tsx
index 13f2ab7..5b150ef 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -22,11 +22,15 @@ function App() {
     }
   }
 
-
+  const disconnect = async () => {
+    localStorage.removeItem('VARAN_WALLET');
+    window.location.reload();
+  }
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
-      <button onClick={connect}>Connect</button>
+      {isConnected && <button onClick={disconnect}>Disconnect</button>}
+      {!isConnected && <button onClick={connect}>Connect</button>}
       <div>Is Connected: {isConnected ? 'Yes' : 'No'}</div>
       <button onClick={checkData}>Check Data</button>
       <div>DATA</div>