From 2c56c22c74fe7c09401f7746b4fbe8ced9de4872 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B2=81=E6=A0=91=E4=BA=BA?= <lu.shuren@um-react.app>
Date: Tue, 9 May 2023 21:02:52 +0100
Subject: [PATCH] chore: make download button work

---
 src/features/file-listing/FileListing.tsx | 25 +++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/features/file-listing/FileListing.tsx b/src/features/file-listing/FileListing.tsx
index 0dd7b97..ef8fb74 100644
--- a/src/features/file-listing/FileListing.tsx
+++ b/src/features/file-listing/FileListing.tsx
@@ -1,4 +1,18 @@
-import { Avatar, Box, Table, TableContainer, Tbody, Td, Text, Th, Thead, Tr, Wrap, WrapItem } from '@chakra-ui/react';
+import {
+  Avatar,
+  Box,
+  Link,
+  Table,
+  TableContainer,
+  Tbody,
+  Td,
+  Text,
+  Th,
+  Thead,
+  Tr,
+  Wrap,
+  WrapItem,
+} from '@chakra-ui/react';
 
 import { ProcessState, selectFiles } from './fileListingSlice';
 import { useAppSelector } from '../../hooks';
@@ -38,7 +52,14 @@ export function FileListing() {
               <Td>
                 <Wrap>
                   <WrapItem>播放</WrapItem>
-                  <WrapItem>下载</WrapItem>
+                  <WrapItem>
+                    {/* TODO: Use correct file name */}
+                    {file.decrypted && (
+                      <Link isExternal href={file.decrypted} download="test.flac">
+                        下载
+                      </Link>
+                    )}
+                  </WrapItem>
                   <WrapItem>删除</WrapItem>
                 </Wrap>
               </Td>