Add Explicit icon to MizikLis

components/awtis/mizik-lis.js

@@ -5,6 +5,7 @@ import {makeStyles} from '@material-ui/core/styles'
 import {List, ListItem, ListItemText} from '@material-ui/core'
 import FiberNewOutlinedIcon from '@material-ui/icons/FiberNewOutlined'
 import LibraryMusicIcon from '@material-ui/icons/LibraryMusic'
+import ExplicitIcon from '@material-ui/icons/Explicit'
 
 import {esBrandNew} from '../../lib/date'
 
@@ -40,7 +41,7 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi
 
   return (
     <List component='nav' className={classes.root} aria-label='mizik'>
-      {teks.map(({slug, tit, awtis, published_at, okiMizikID}) => (
+      {teks.map(({slug, tit, awtis, published_at, okiMizikID, eksplisit}) => (
         <ListItem
           key={slug}
           button
@@ -49,6 +50,9 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi
           onClick={() => handleClick(slug)}
         >
           <ListItemText primary={tit} secondary={niAwtis ? awtis.map(a => a.alias).join(', ') : null} />
+          {eksplisit && (
+            <ExplicitIcon style={{marginRight: 5}} color='secondary' />
+          )}
           {okiMizikID && (
             <LibraryMusicIcon style={{fontSize: 40}} color='primary' />
           )}