From da8f941c03e7fae337e38da4e85c55b884db87dd Mon Sep 17 00:00:00 2001
From: XYenon <20698483+XYenon@users.noreply.github.com>
Date: Sun, 2 Oct 2022 13:37:09 +0800
Subject: [PATCH] feat(download): delete finished file without refresh

---
 src/component/Download/Download.js     | 16 +++++++++++++++-
 src/component/Download/FinishedCard.js |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/component/Download/Download.js b/src/component/Download/Download.js
index 9d84960..48ee163 100644
--- a/src/component/Download/Download.js
+++ b/src/component/Download/Download.js
@@ -83,6 +83,16 @@ class DownloadComponent extends Component {
         continue: true,
     };
 
+    deleteFinished = (index) => {
+        return () => {
+            this.setState({
+                finishedList: this.state.finishedList.filter((_, itemIndex) => {
+                    return index !== itemIndex;
+                })
+            });
+        };
+    };
+
     componentDidMount = () => {
         this.loadDownloading();
     };
@@ -203,7 +213,11 @@ class DownloadComponent extends Component {
                     )}
                     {this.state.finishedList.map((value, k) => {
                         if (value.files) {
-                            return <FinishedCard key={k} task={value} />;
+                            return <FinishedCard
+                                key={k}
+                                task={value}
+                                deleteSelf={this.deleteFinished(k)}
+                            />;
                         }
                         return null;
                     })}
diff --git a/src/component/Download/FinishedCard.js b/src/component/Download/FinishedCard.js
index 2f24cdd..5e82f02 100644
--- a/src/component/Download/FinishedCard.js
+++ b/src/component/Download/FinishedCard.js
@@ -198,7 +198,7 @@ export default function FinishedCard(props) {
                 ToggleSnackbar("top", "right", error.message, "error");
             })
             .then(() => {
-                window.location.reload();
+                props.deleteSelf();
             });
     };