cleanup unneeded div wrapper on lyric lines

This commit is contained in:
jeffvli 2025-06-29 18:31:43 -07:00
parent df6b6d514d
commit 88be98f703

View file

@ -1,6 +1,6 @@
import clsx from 'clsx'; import clsx from 'clsx';
import isElectron from 'is-electron'; import isElectron from 'is-electron';
import { useCallback, useEffect, useRef } from 'react'; import { Fragment, useCallback, useEffect, useRef } from 'react';
import styles from './synchronized-lyrics.module.css'; import styles from './synchronized-lyrics.module.css';
@ -338,7 +338,7 @@ export const SynchronizedLyrics = ({
/> />
)} )}
{lyrics.map(([time, text], idx) => ( {lyrics.map(([time, text], idx) => (
<div key={idx}> <Fragment key={idx}>
<LyricLine <LyricLine
alignment={settings.alignment} alignment={settings.alignment}
className="lyric-line synchronized" className="lyric-line synchronized"
@ -356,7 +356,7 @@ export const SynchronizedLyrics = ({
text={translatedLyrics.split('\n')[idx]} text={translatedLyrics.split('\n')[idx]}
/> />
)} )}
</div> </Fragment>
))} ))}
</div> </div>
); );