Merge pull request #106 from ayushsatyam146/date-format-update

implemented Relative time(posted ago) in comments metadata solving issue #94

Author: kaybhutani

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'
@@ -141,12 +141,7 @@ const Comments = (props) => {
                   {data.user.username}
                 </Link>
                 <div className='metadata'>
-                  <div>
-                    {`${data.createdAt.slice(0, 10)}  ${data.createdAt.slice(
-                      11,
-                      19
-                    )}`}
-                  </div>
+                  <div>{moment(data.createdAt).fromNow()}</div>
                 </div>
                 <div dangerouslySetInnerHTML={{ __html: data.Comments }} />
                 <div>