mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-15 15:10:01 +02:00
remove lyric agent attribution display
This commit is contained in:
@@ -52,16 +52,6 @@
|
|||||||
text-align: inherit;
|
text-align: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.agent-badge {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 0.15rem;
|
|
||||||
font-size: 0.65em;
|
|
||||||
font-weight: 500;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.04em;
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.agent-text {
|
.agent-text {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -69,8 +59,3 @@
|
|||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.agent-line[data-agent-role='bg'] .agent-badge,
|
|
||||||
.agent-line[data-agent-role='group'] .agent-badge {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -29,15 +29,6 @@ interface KaraokeLyricLineProps extends ComponentPropsWithoutRef<'div'> {
|
|||||||
|
|
||||||
type WordSpanVariant = 'main' | 'romaji';
|
type WordSpanVariant = 'main' | 'romaji';
|
||||||
|
|
||||||
const getAgentLabel = (agents: LyricAgent[] | undefined, agentId?: string): string | undefined => {
|
|
||||||
if (!agentId || !agents?.length) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
const agent = agents.find((entry) => entry.id === agentId);
|
|
||||||
return agent?.name ?? agent?.role;
|
|
||||||
};
|
|
||||||
|
|
||||||
const renderWordSpans = (
|
const renderWordSpans = (
|
||||||
cueLine: SyncedCueLine,
|
cueLine: SyncedCueLine,
|
||||||
lineIndex: number,
|
lineIndex: number,
|
||||||
@@ -146,7 +137,6 @@ export const KaraokeLyricLine = memo(
|
|||||||
>
|
>
|
||||||
<Stack align="stretch" gap={0} w="100%">
|
<Stack align="stretch" gap={0} w="100%">
|
||||||
{cueLines.map((cueLine, cueLineIndex) => {
|
{cueLines.map((cueLine, cueLineIndex) => {
|
||||||
const agentLabel = getAgentLabel(agents, cueLine.agentId);
|
|
||||||
const agent = agents?.find((entry) => entry.id === cueLine.agentId);
|
const agent = agents?.find((entry) => entry.id === cueLine.agentId);
|
||||||
const isBackground = agent?.role === 'bg' || agent?.role === 'group';
|
const isBackground = agent?.role === 'bg' || agent?.role === 'group';
|
||||||
const romajiCueLine = romajiCueLines?.[cueLineIndex];
|
const romajiCueLine = romajiCueLines?.[cueLineIndex];
|
||||||
@@ -157,9 +147,6 @@ export const KaraokeLyricLine = memo(
|
|||||||
data-agent-role={agent?.role}
|
data-agent-role={agent?.role}
|
||||||
key={`${cueLine.index}-${cueLineIndex}`}
|
key={`${cueLine.index}-${cueLineIndex}`}
|
||||||
>
|
>
|
||||||
{agentLabel && (
|
|
||||||
<span className={styles.agentBadge}>{agentLabel}</span>
|
|
||||||
)}
|
|
||||||
<span
|
<span
|
||||||
className={styles.agentText}
|
className={styles.agentText}
|
||||||
id={
|
id={
|
||||||
|
|||||||
Reference in New Issue
Block a user