Add icon to OkiMizik tracks in MizikList

components/awtis/mizik-lis.js

@@ -4,6 +4,8 @@ import {useRouter} from 'next/router'
 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 {esBrandNew} from '../../lib/date'
 
 const useStyles = makeStyles(theme => ({
@@ -38,7 +40,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}) => (
+      {teks.map(({slug, tit, awtis, published_at, okiMizikID}) => (
         <ListItem
           key={slug}
           button
@@ -47,6 +49,9 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi
           onClick={() => handleClick(slug)}
         >
           <ListItemText primary={tit} secondary={niAwtis ? awtis.map(a => a.alias).join() : null} />
+          {okiMizikID && (
+            <LibraryMusicIcon style={{fontSize: 40}} color='primary' />
+          )}
           {esBrandNew(published_at) && (
             <FiberNewOutlinedIcon style={{fontSize: 40}} color='primary' />
           )}