From 7a12d6c6a1841bcc2d61438b1f49b064dd3acad0 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: Mon, 8 May 2023 16:07:47 +0100
Subject: [PATCH] feat: hide metadata until is processed

---
 src/features/file-listing/FileListing.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/features/file-listing/FileListing.tsx b/src/features/file-listing/FileListing.tsx
index 6f78041..0dd7b97 100644
--- a/src/features/file-listing/FileListing.tsx
+++ b/src/features/file-listing/FileListing.tsx
@@ -1,6 +1,6 @@
 import { Avatar, Box, Table, TableContainer, Tbody, Td, Text, Th, Thead, Tr, Wrap, WrapItem } from '@chakra-ui/react';
 
-import { selectFiles } from './fileListingSlice';
+import { ProcessState, selectFiles } from './fileListingSlice';
 import { useAppSelector } from '../../hooks';
 
 export function FileListing() {
@@ -27,9 +27,13 @@ export function FileListing() {
                 <Box as="h4" fontWeight="semibold" mt="1">
                   {file.metadata.name || file.fileName}
                 </Box>
-                <Text>专辑: {file.metadata.album}</Text>
-                <Text>艺术家: {file.metadata.artist}</Text>
-                <Text>专辑艺术家: {file.metadata.albumArtist}</Text>
+                {file.state === ProcessState.COMPLETE && (
+                  <>
+                    <Text>专辑: {file.metadata.album}</Text>
+                    <Text>艺术家: {file.metadata.artist}</Text>
+                    <Text>专辑艺术家: {file.metadata.albumArtist}</Text>
+                  </>
+                )}
               </Td>
               <Td>
                 <Wrap>