From afc95e0ed377712c54ccf114bfaf9c7e550c8d3b 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: Sun, 21 May 2023 15:38:31 +0100
Subject: [PATCH] chore: wrap actions to a single condition

---
 src/features/file-listing/FileRow.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/features/file-listing/FileRow.tsx b/src/features/file-listing/FileRow.tsx
index 7e4fe72..71d7133 100644
--- a/src/features/file-listing/FileRow.tsx
+++ b/src/features/file-listing/FileRow.tsx
@@ -95,19 +95,21 @@ export function FileRow({ id, file }: FileRowProps) {
 
                 <Wrap>
                   {isDecrypted && (
-                    <WrapItem>
-                      <Button type="button" onClick={togglePlay}>
-                        播放/暂停
-                      </Button>
-                    </WrapItem>
+                    <>
+                      <WrapItem>
+                        <Button type="button" onClick={togglePlay}>
+                          播放/暂停
+                        </Button>
+                      </WrapItem>
+                      <WrapItem>
+                        {file.decrypted && (
+                          <Link isExternal href={file.decrypted} download={decryptedName}>
+                            <Button as="span">下载</Button>
+                          </Link>
+                        )}
+                      </WrapItem>
+                    </>
                   )}
-                  <WrapItem>
-                    {file.decrypted && (
-                      <Link isExternal href={file.decrypted} download={decryptedName}>
-                        <Button as="span">下载</Button>
-                      </Link>
-                    )}
-                  </WrapItem>
                   <WrapItem>
                     <Button type="button" onClick={handleDeleteRow}>
                       删除