Add remaining lyric actions functionality

This commit is contained in:
jeffvli 2023-06-09 03:53:49 -07:00 committed by Jeff
parent aaa1b5f63a
commit e56350c1c2
5 changed files with 60 additions and 99 deletions

View file

@ -2,11 +2,9 @@ import { useMemo } from 'react';
import styled from 'styled-components';
import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
import { FullLyricsMetadata } from '/@/renderer/api/types';
import { LyricSkip } from '/@/renderer/features/lyrics/lyric-skip';
interface UnsynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
lyrics: string;
onRemoveLyric: () => void;
}
const UnsynchronizedLyricsContainer = styled.div`
@ -17,7 +15,6 @@ export const UnsynchronizedLyrics = ({
artist,
lyrics,
name,
onRemoveLyric,
remote,
source,
}: UnsynchronizedLyricsProps) => {
@ -34,13 +31,10 @@ export const UnsynchronizedLyrics = ({
/>
)}
{remote && (
<>
<LyricLine
className="lyric-credit"
text={`(Matched as ${artist} by ${name})`}
/>
<LyricSkip onClick={onRemoveLyric} />
</>
<LyricLine
className="lyric-credit"
text={`(Matched as ${artist} by ${name})`}
/>
)}
{lines.map((text, idx) => (
<LyricLine