fix: open edit wallet nickname modal (#2465)

showtime-xyz · Oct 27, 2023 · 1432a19 · 1432a19
1 parent 03d4fa6
commit 1432a19
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/packages/app/components/settings/setting-edit-nickname-moda.tsx b/packages/app/components/settings/setting-edit-nickname-moda.tsx
@@ -13,10 +13,12 @@ import { WalletAddressesV2 } from "app/types";
 export type EditNicknameModalProps = {
   editingWallet?: WalletAddressesV2;
   onClose: any;
+  visible: boolean;
 };
 export const EditNicknameModal = ({
   editingWallet,
   onClose,
+  visible = false,
 }: EditNicknameModalProps) => {
   const [nickname, setNickname] = useState("");
   const { editWalletNickName } = useAddWalletNickname();
@@ -34,9 +36,13 @@ export const EditNicknameModal = ({
       AvoidSoftInput.setEnabled(true);
     };
   }, [editingWallet?.nickname]);
-
   return (
-    <Modal tw="bottom-16 md:bottom-0" onClose={onClose} title="Edit Nickname">
+    <Modal
+      tw="bottom-16 md:bottom-0"
+      onClose={onClose}
+      visible={visible}
+      title="Edit Nickname"
+    >
       <View tw="p-4">
         <Fieldset
           placeholder="rainbow wallet"

diff --git a/packages/app/components/settings/setting.md.tsx b/packages/app/components/settings/setting.md.tsx
@@ -57,12 +57,11 @@ export const SettingsMd = () => {
       </View>
 
       <View style={{ height: bottomHeight }} />
-      {editingWallet ? (
-        <EditNicknameModal
-          editingWallet={editingWallet}
-          onClose={() => setEditingWallet(undefined)}
-        />
-      ) : null}
+      <EditNicknameModal
+        editingWallet={editingWallet}
+        visible={!!editingWallet}
+        onClose={() => setEditingWallet(undefined)}
+      />
     </View>
   );
 };
diff --git a/packages/design-system/modal/modal.container.web.tsx b/packages/design-system/modal/modal.container.web.tsx
@@ -47,7 +47,7 @@ const ModalContainerComponent = forwardRef<ModalMethods, ModalContainerProps>(
       disableBackdropPress,
       tw: propTw = "",
       headerShown = true,
-      visible,
+      visible = false,
       closeButtonProps,
     }: ModalContainerProps,
     ref