Minor fixes on main component

This commit is contained in:
jeffvli 2023-06-04 16:20:21 -07:00 committed by Jeff
parent 190dd71b3c
commit d1dde2428f

View file

@ -88,7 +88,7 @@ export const Lyrics = () => {
const [, minute, sec, ms, text] = line; const [, minute, sec, ms, text] = line;
const minutes = parseInt(minute, 10); const minutes = parseInt(minute, 10);
const seconds = parseInt(sec, 10); const seconds = parseInt(sec, 10);
const milis = ms.length === 3 ? parseInt(ms, 10) : parseInt(ms, 10) * 10; const milis = ms?.length === 3 ? parseInt(ms, 10) : parseInt(ms, 10) * 10;
const timeInMilis = (minutes * 60 + seconds) * 1000 + milis; const timeInMilis = (minutes * 60 + seconds) * 1000 + milis;
synchronizedTimes.push([timeInMilis, text]); synchronizedTimes.push([timeInMilis, text]);
@ -106,8 +106,8 @@ export const Lyrics = () => {
return ( return (
<ErrorBoundary FallbackComponent={ErrorFallback}> <ErrorBoundary FallbackComponent={ErrorFallback}>
{!songLyrics && ( {!songLyrics ? (
<Center> <Center p="2rem">
<Group> <Group>
<RiInformationFill size="2rem" /> <RiInformationFill size="2rem" />
<TextTitle <TextTitle
@ -118,19 +118,21 @@ export const Lyrics = () => {
</TextTitle> </TextTitle>
</Group> </Group>
</Center> </Center>
) : (
<>
{Array.isArray(songLyrics) ? (
<SynchronizedLyrics
lyrics={songLyrics}
source={source}
/>
) : (
<UnsynchronizedLyrics
lyrics={songLyrics}
source={source}
/>
)}
</>
)} )}
{songLyrics &&
(Array.isArray(songLyrics) ? (
<SynchronizedLyrics
lyrics={songLyrics}
source={source}
/>
) : (
<UnsynchronizedLyrics
lyrics={songLyrics}
source={source}
/>
))}
</ErrorBoundary> </ErrorBoundary>
); );
}; };