fix: showFileBlackListModal

bittorrent · Dec 19, 2024 · 8ed9bbd · 8ed9bbd
1 parent 2e519bd
commit 8ed9bbd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/components/Modals/FileBlackListModal.js b/src/components/Modals/FileBlackListModal.js
@@ -10,7 +10,7 @@ import isIPFS from 'is-ipfs';
 
 const { TextArea } = Input;
 
-export default function EncryptFileModal({ color, closeModal, showModal = false }) {
+export default function FileBlackListModal({ color, closeModal, showModal }) {
     const intl = useIntl();
     const [loading, setLoading] = useState(false);
     const [isEdit, setIsEdit] = useState(false);
@@ -32,6 +32,7 @@ export default function EncryptFileModal({ color, closeModal, showModal = false
             setValidateMsg('');
             getFileBlackListData();
         }
+        setIsEdit(false);
         // Emitter.on('openDecryptFileModal', set);
         return () => {
             // Emitter.removeListener('openDecryptFileModal');
@@ -40,10 +41,6 @@ export default function EncryptFileModal({ color, closeModal, showModal = false
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [showModal]);
 
-    useEffect(() => {
-        setIsEdit(false);
-    }, [showModal]);
-
     const validateCid = val => {
         let res = isIPFS.cid(val);
         if (res) {

diff --git a/src/components/Tables/LocalFilesTable.js b/src/components/Tables/LocalFilesTable.js
@@ -211,9 +211,13 @@ export default function LocalFilesTable({ color }) {
         setActiveKey(activeKey);
     };
 
+    const  showFileBlackListModalFn= ()=>{
+         setShowFileBlackListModal(true)
+    }
+
     const operations = () => {
         // if (activeKey === '2') {
-            return <button className="common-btn theme-white-btn" onClick={()=> setShowFileBlackListModal(true)} >{t('file_black_list')}</button>;
+            return <button className="common-btn theme-white-btn" onClick={showFileBlackListModalFn} >{t('file_black_list')}</button>;
         // }
         // return null
     };
@@ -478,9 +482,9 @@ export default function LocalFilesTable({ color }) {
                             data={batch}
                         />
                     </div>
-                    <FileBlackListModal color={color} showModal={showFileBlackListModal} closeModal={()=> setShowFileBlackListModal(false)} />
                 </Tabs.TabPane>
             </Tabs>
+            <FileBlackListModal color={color} showModal={showFileBlackListModal} closeModal={()=> setShowFileBlackListModal(false)} />
         </>
     );
 }