fix: [lw-7632] fix rename nft folder feat (#1709)

input-output-hk · Feb 13, 2025 · f483bcd · f483bcd
1 parent 9ff3b74
commit f483bcd
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/...r-extension-wallet/src/views/browser-view/features/nfts/components/RenameFolderDrawer.tsx b/...r-extension-wallet/src/views/browser-view/features/nfts/components/RenameFolderDrawer.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, useState } from 'react';
+import React, { ReactElement, useEffect, useState } from 'react';
 import { Button, Drawer, DrawerHeader, DrawerNavigation } from '@lace/common';
 import styles from './RenameFolderDrawer.module.scss';
 import { NameForm } from '@views/browser/features/nfts/components/CreateFolder/NameForm';
@@ -18,7 +18,7 @@ interface RenameFolderDrawerProps {
 
 export const RenameFolderDrawer = withNftsFoldersContext(
   ({ folderToRename, visible, onClose, isPopupView = false }: RenameFolderDrawerProps): ReactElement => {
-    const [name, setName] = useState('');
+    const [name, setName] = useState(folderToRename?.name || '');
     const {
       list: nftFolders,
       utils: { updateRecord }
@@ -52,6 +52,10 @@ export const RenameFolderDrawer = withNftsFoldersContext(
       setIsExitModalVisible(false);
     };
 
+    useEffect(() => {
+      setName(folderToRename?.name || '');
+    }, [folderToRename?.name]);
+
     const footer = (
       <div className={styles.actionButtons}>
         <Button
@@ -93,7 +97,7 @@ export const RenameFolderDrawer = withNftsFoldersContext(
           <NameForm
             onSetIsFormValid={setIsFormValid}
             usedFolderNames={usedFolderNames}
-            name={name || folderToRename?.name}
+            name={name}
             onSetName={setName}
           />
         </Drawer>