Fix exlicit icon display

This commit is contained in:
2024-04-14 07:13:51 +04:00
parent a5e2db0792
commit bea68dad8f
+7 -5
View File
@@ -149,9 +149,11 @@ export default function Teks({parole}) {
return <span key={value} className={classes.separation}>{value}</span> return <span key={value} className={classes.separation}>{value}</span>
})} })}
</Typography> </Typography>
<Typography variant='h5' component='div'> <Box display='flex' justifyContent='center' alignItems='center'>
{parole.titre} <small>({parole?.annee})</small> <Typography variant='h5' component='div'>
{parole.explicite && ( {parole.titre} <small>({parole?.annee})</small>
</Typography>
{parole.explicitLyrics && (
<ExplicitTooltip <ExplicitTooltip
title='Explicit Lyrics' title='Explicit Lyrics'
placement='bottom' placement='bottom'
@@ -159,10 +161,10 @@ export default function Teks({parole}) {
tooltip: classes.tooltip tooltip: classes.tooltip
}} }}
> >
<ExplicitIcon style={{marginLeft: 10}} color='secondary' /> <ExplicitIcon style={{marginLeft: 10}} color='error' />
</ExplicitTooltip> </ExplicitTooltip>
)} )}
</Typography> </Box>
</Typography> </Typography>
{parole?.user?.data && ( {parole?.user?.data && (