Properly close modals when naming accounts is disabled

oasisprotocol · Oct 13, 2023 · be9ab93 · be9ab93
1 parent 42a99f1
commit be9ab93
Show file tree

Hide file tree

Showing 3 changed files with 7 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,11 +23,13 @@ interface FormValue {
 export const ManageableAccountEditModal = ({
   animation,
   closeHandler,
+  closeParentHandler,
   editHandler,
   wallet,
 }: {
   animation?: boolean
   closeHandler: () => void
+  closeParentHandler?: () => void
   editHandler?: (name: string) => void
   wallet: Wallet
 }) => {
@@ -74,7 +76,7 @@ export const ManageableAccountEditModal = ({
                               <Button
                                 color="link"
                                 onClick={() => {
-                                  closeHandler()
+                                  closeParentHandler ? closeParentHandler() : closeHandler()
                                   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) => {