um/um-react
18
30
Fork 0
Code Issues 13 Pull Requests Packages Projects 1 Releases 2 Wiki Activity

feat: hide metadata until is processed

Browse Source
This commit is contained in:
鲁树人 2023-05-08 16:07:47 +01:00
parent c0737a341b
commit 7a12d6c6a1
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/features/file-listing/FileListing.tsx
View File

@ -1,6 +1,6 @@
import { Avatar, Box, Table, TableContainer, Tbody, Td, Text, Th, Thead, Tr, Wrap, WrapItem } from '@chakra-ui/react'; 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'; import { useAppSelector } from '../../hooks';
export function FileListing() { export function FileListing() {
@ -27,9 +27,13 @@ export function FileListing() {
<Box as="h4" fontWeight="semibold" mt="1"> <Box as="h4" fontWeight="semibold" mt="1">
{file.metadata.name || file.fileName} {file.metadata.name || file.fileName}
</Box> </Box>
<Text>专辑: {file.metadata.album}</Text> {file.state === ProcessState.COMPLETE && (
<Text>艺术家: {file.metadata.artist}</Text> <>
<Text>专辑艺术家: {file.metadata.albumArtist}</Text> <Text>专辑: {file.metadata.album}</Text>
<Text>艺术家: {file.metadata.artist}</Text>
<Text>专辑艺术家: {file.metadata.albumArtist}</Text>
</>
)}
</Td> </Td>
<Td> <Td>
<Wrap> <Wrap>