Using esBrandNew from /lib/date

components/awtis/mizik-lis.js

@@ -1,13 +1,10 @@
 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'
-
+import {esBrandNew} from '../../lib/date'
-const JOD_LA = new Date()
-const NEW_LIMIT = 7
 
 const useStyles = makeStyles(theme => ({
   root: {
@@ -17,11 +14,6 @@ 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()
@@ -55,7 +47,7 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi
           onClick={() => handleClick(slug)}
         >
           <ListItemText primary={tit} secondary={niAwtis ? awtis.map(a => a.alias).join() : null} />
-          {jouDiferans(published_at) < NEW_LIMIT && (
+          {esBrandNew(published_at) && (
             <FiberNewOutlinedIcon style={{fontSize: 40}} color='primary' />
           )}
         </ListItem>