diff --git a/components/awtis/mizik-lis.js b/components/awtis/mizik-lis.js index 834b633..036b0ac 100644 --- a/components/awtis/mizik-lis.js +++ b/components/awtis/mizik-lis.js @@ -1,8 +1,13 @@ import PropTypes from 'prop-types' import {useRouter} from 'next/router' +import {differenceInDays} from 'date-fns' import {makeStyles} from '@material-ui/core/styles' import {List, ListItem, ListItemText} from '@material-ui/core' +import FiberNewOutlinedIcon from '@material-ui/icons/FiberNewOutlined' + +const JOD_LA = new Date() +const NEW_LIMIT = 7 const useStyles = makeStyles(theme => ({ root: { @@ -12,6 +17,11 @@ const useStyles = makeStyles(theme => ({ } })) +const jouDiferans = piblikasyon => { + const piblikasyonDat = new Date(piblikasyon) + return differenceInDays(JOD_LA, piblikasyonDat) +} + export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi, meteSlugTeksChwazi}) { const classes = useStyles() const router = useRouter() @@ -36,7 +46,7 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi return ( - {teks.map(({slug, tit, awtis}) => ( + {teks.map(({slug, tit, awtis, published_at}) => ( handleClick(slug)} > a.alias).join() : null} /> + {jouDiferans(published_at) < NEW_LIMIT && ( + + )} ))}