Minor fixes on main component
This commit is contained in:
parent
190dd71b3c
commit
d1dde2428f
1 changed files with 17 additions and 15 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Reference in a new issue