From 85a6c2b859e06e50ff51b26327a598fdd936a881 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Wed, 24 Nov 2021 18:26:55 +0800
Subject: [PATCH] fix bug recursive FileDialog

---
 web/src/component/FileDialog.js | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/web/src/component/FileDialog.js b/web/src/component/FileDialog.js
index 20b4960..bfadc80 100644
--- a/web/src/component/FileDialog.js
+++ b/web/src/component/FileDialog.js
@@ -9,14 +9,9 @@ function FileDialog(props) {
 
   let navigate = useNavigate();
 
-  if (!props.showStatus) {
-    return null;
-  }
-
   return (
-    <dialog open>
+    <dialog open={props.showStatus}>
       <p>{props.file.filename}</p>
-      <FileDialog file={props.file} />
       <p>
         Download 使用 Axios 异步下载
         <br />
@@ -32,10 +27,14 @@ function FileDialog(props) {
       >
         Play
       </button>
-      <button onClick={() => {
-        navigate(`/share/${props.file.id}`)
-        props.setShowStatus(false);
-      }}>Share</button>
+      <button
+        onClick={() => {
+          navigate(`/share/${props.file.id}`);
+          props.setShowStatus(false);
+        }}
+      >
+        Share
+      </button>
       <button onClick={() => props.setShowStatus(false)}>Close</button>
     </dialog>
   );