antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-02 02:43:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Adjust lyrics styling / animations

Browse source
This commit is contained in:
jeffvli 2023-06-03 18:03:32 -07:00 • committed by Jeff
parent 7cd2077dcd
commit 5dd860735d
5 changed files with 47 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/renderer/features/lyrics/unsynchronized-lyrics.tsx
View file

@ -1,17 +1,20 @@
import { useMemo } from 'react';
import { Text } from '/@/renderer/components';
import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
interface UnsynchronizedLyricsProps {
lyrics: string;
source: string | null;
}
export const UnsynchronizedLyrics = ({ lyrics }: UnsynchronizedLyricsProps) => {
export const UnsynchronizedLyrics = ({ lyrics, source }: UnsynchronizedLyricsProps) => {
const lines = useMemo(() => {
return lyrics.split('\n');
}, [lyrics]);
return (
<div>
<div className="unsynchronized-lyrics">
{source && <Text $noSelect>Lyrics provided by: {source}</Text>}
{lines.map((text, idx) => (
<LyricLine
key={idx}