From ab20d40c042b9ccb97b82d7fd9cc6bae9df311e3 Mon Sep 17 00:00:00 2001
From: William Hua <william@attente.ca>
Date: Sun, 10 Nov 2024 15:11:28 -0500
Subject: [PATCH] confirm sign out

---
 src/routes/Wallet.tsx | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/routes/Wallet.tsx b/src/routes/Wallet.tsx
index dfa05f1..be86dae 100644
--- a/src/routes/Wallet.tsx
+++ b/src/routes/Wallet.tsx
@@ -123,6 +123,7 @@ function Wallet() {
   const [pendingSendToken, setPendingSendToken] = useState<TokenBalance | undefined>(undefined)
   const [pendingSendCollectible, setPendingSendCollectible] = useState<CollectibleInfo | undefined>(undefined)
 
+  const [isConfirmSignOutModalOpen, setIsConfirmSignOutModalOpen] = useState(false)
   const [isNetworkModalOpen, setIsNetworkModalOpen] = useState(false)
   const [isSelectProviderModalOpen, setIsSelectProviderModalOpen] = useState(false)
   const [isConnectingDapp, setIsConnectingDapp] = useState(false)
@@ -389,10 +390,7 @@ function Wallet() {
             <Button
               label="Sign Out"
               variant="text"
-              onClick={() => {
-                authStore.logout()
-                navigate('/')
-              }}
+              onClick={() => setIsConfirmSignOutModalOpen(true)}
             />
           </Box>
         </Box>
@@ -530,6 +528,22 @@ function Wallet() {
           </Box>
         </Box>
       </Box>
+      {isConfirmSignOutModalOpen && (
+        <Modal size="sm" onClose={() => setIsConfirmSignOutModalOpen(false)}>
+          <Box flexDirection="column" padding="8">
+            <Text color="text80" marginRight="8">
+              You will need to re-enter your mnemonic if you sign out. Continue?
+            </Text>
+            <Box flexDirection="row" width="full" justifyContent="flex-end" marginTop="8" gap="4">
+              <Button label="Sign Out" shape="square" variant="primary" onClick={() => {
+                authStore.logout()
+                navigate('/')
+              }} />
+              <Button label="Cancel" shape="square" onClick={() => setIsConfirmSignOutModalOpen(false)} />
+            </Box>
+          </Box>
+        </Modal>
+      )}
       {isNetworkModalOpen && (
         <Modal onClose={() => setIsNetworkModalOpen(false)}>
           <Networks />