From 14f3c1c8da60f05721ff41775f1347143877e2db Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 16 Dec 2021 13:27:11 +0800
Subject: [PATCH] Move: download button from dialog to file page

---
 web/src/component/FileDialog.js | 10 ++--------
 web/src/component/FileInfo.js   |  6 +++++-
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/web/src/component/FileDialog.js b/web/src/component/FileDialog.js
index c19838e..b3cd494 100644
--- a/web/src/component/FileDialog.js
+++ b/web/src/component/FileDialog.js
@@ -9,20 +9,14 @@ function FileDialog(props) {
 
   let navigate = useNavigate();
 
-  const downloadURL = "/api/v1/get_file_direct?id=" + props.file.id;
-
   return (
     <dialog open={props.showStatus}>
       <p>{props.file.filename}</p>
       <p>
-        Download 使用浏览器下载原文件
-        <br />
-        Play 调用网页播放器播放
+        Play: play using browser player.
         <br />
+        Info for more actions.
       </p>
-      <a href={downloadURL} download>
-        <button>Download</button>
-      </a>
       <button
         onClick={() => {
           props.setPlayingFile(props.file);
diff --git a/web/src/component/FileInfo.js b/web/src/component/FileInfo.js
index 8912ac3..cb344dc 100644
--- a/web/src/component/FileInfo.js
+++ b/web/src/component/FileInfo.js
@@ -159,11 +159,15 @@ function FileInfo(props) {
     getTagsOnFile();
   }, []);
 
+  const downloadURL = "/api/v1/get_file_direct?id=" + file.id;
+
   return (
     <div className="page">
       <h3>File Details</h3>
       <div>
-        <button>Download</button>
+        <a href={downloadURL} download>
+          <button>Download</button>
+        </a>
         <button
           onClick={() => {
             props.setPlayingFile(file);