implemented Relative time(posted ago) in comments metadata using moment.js

Author: ayushsatyam146

package-lock.json

@@ -14,6 +14,7 @@
     "i18next": "^19.4.5",
     "lodash": "^4.17.21",
     "markdown-it": "^12.0.6",
+    "moment": "^2.29.1",
     "node-sass": "^4.13.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -24,8 +25,8 @@
     "react-image-gallery": "^1.2.5",
     "react-loading-skeleton": "^2.2.0",
     "react-markdown": "^5.0.2",
-    "react-mentions": "^4.3.0",
     "react-markdown-editor-lite": "^1.2.4",
+    "react-mentions": "^4.3.0",
     "react-promise-tracker": "^2.1.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.1",

package.json

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useContext, useCallback } from 'react'
 import { Link } from '@reach/router'
 import Button from './Button'
 import Gallery from './ImageGallery'
-
+import moment from 'moment'
 import CommentForm from './CommentForm'
 import Context from '../modules/Context'
 import userStory from '../services/user_story'
@@ -31,23 +31,6 @@ const toggleViewReplies = (viewRepliesToggled, setViewRepliesToggled, key) => {
       )
 }
 
-const intervals = [
-  { label: 'year', seconds: 31536000 },
-  { label: 'month', seconds: 2592000 },
-  { label: 'day', seconds: 86400 },
-  { label: 'hour', seconds: 3600 },
-  { label: 'minute', seconds: 60 },
-  { label: 'second', seconds: 1 }
-]
-
-function timeSince(creationDate) {
-  const date = new Date(creationDate)
-  const seconds = Math.floor((Date.now() - date.getTime()) / 1000)
-  const interval = intervals.find((i) => i.seconds < seconds)
-  const count = Math.floor(seconds / interval.seconds)
-  return `${count} ${interval.label}${count !== 1 ? 's' : ''} ago`
-}
-
 const Comments = (props) => {
   const { storyId } = props
 
@@ -158,7 +141,7 @@ const Comments = (props) => {
                   {data.user.username}
                 </Link>
                 <div className='metadata'>
-                  <div>{timeSince(data.createdAt)}</div>
+                  <div>{moment(data.createdAt).fromNow()}</div>
                 </div>
                 <div dangerouslySetInnerHTML={{ __html: data.Comments }} />
                 <div>