Properly close modals when naming accounts is disabled

oasisprotocol · Oct 6, 2023 · 4be91c2 · 4be91c2
1 parent 34bfa75
commit 4be91c2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/app/components/Toolbar/Features/Account/ManageableAccount.tsx b/src/app/components/Toolbar/Features/Account/ManageableAccount.tsx
@@ -4,11 +4,13 @@ import { ManageableAccountEditModal } from './ManageableAccountEditModal'
 import { Wallet } from '../../../../state/wallet/types'
 
 export const ManageableAccount = ({
+  closeHandler,
   editHandler,
   wallet,
   isActive,
   onClick,
 }: {
+  closeHandler: () => any
   editHandler?: (name: string) => void
   wallet: Wallet
   isActive: boolean
@@ -32,6 +34,7 @@ export const ManageableAccount = ({
       />
       {layerVisibility && (
         <ManageableAccountEditModal
+          closeParentHandler={closeHandler}
           closeHandler={() => setLayerVisibility(false)}
           editHandler={editHandler}
           wallet={wallet}

diff --git a/src/app/components/Toolbar/Features/Account/ManageableAccountEditModal.tsx b/src/app/components/Toolbar/Features/Account/ManageableAccountEditModal.tsx
@@ -23,6 +23,7 @@ interface FormValue {
 export const ManageableAccountEditModal = ({
   animation,
   closeHandler,
+  closeParentHandler,
   editHandler,
   wallet,
 }: {
@@ -74,7 +75,7 @@ export const ManageableAccountEditModal = ({
                               <Button
                                 color="link"
                                 onClick={() => {
-                                  closeHandler()
+                                  closeParentHandler()
                                   navigate('/open-wallet')
                                 }}
                               />

diff --git a/src/app/components/Toolbar/Features/AccountSelector/index.tsx b/src/app/components/Toolbar/Features/AccountSelector/index.tsx
@@ -32,6 +32,7 @@ export const AccountSelector = memo((props: Props) => {
 
   const accounts = Object.values(wallets).map(wallet => (
     <ManageableAccount
+      closeHandler={props.closeHandler}
       editHandler={
         unlockedProfile
           ? (name: string) => {