Fix background-color on CharacterRep

This commit is contained in:
Justin Edmund 2023-07-05 22:35:54 -07:00
parent 955cd14762
commit 9adcd50519
2 changed files with 10 additions and 4 deletions

View file

@ -75,5 +75,9 @@
background: var(--dark-hover-bg);
border-color: var(--dark-bg);
}
&.empty {
background: var(--card-bg);
}
}
}

View file

@ -74,10 +74,11 @@ const CharacterRep = (props: Props) => {
source = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-portraits/${slug}_${gender}.png`
}
return props.job && props.job.id !== '-1' ? (
<img alt={props.job ? props.job?.name[locale] : ''} src={source} />
) : (
''
return (
props.job &&
props.job.id !== '-1' && (
<img alt={props.job ? props.job?.name[locale] : ''} src={source} />
)
)
}
@ -117,6 +118,7 @@ const CharacterRep = (props: Props) => {
className={classNames({
[styles.protagonist]: true,
[styles[`${numberToElement()}`]]: true,
[styles.empty]: !props.job || props.job.id === '-1',
})}
>
{generateMCImage()}