mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-17 14:10:14 +02:00
Adjust lyrics styling / animations
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user