Formatted Date

Author: Naveen-HN

package-lock.json

@@ -10,6 +10,7 @@
     "antd": "^4.4.2",
     "axios": "^0.19.2",
     "bootstrap": "^4.5.0",
+    "date-fns": "^2.15.0",
     "eslint-config-react-app": "^5.2.1",
     "express": "^4.17.1",
     "html-react-parser": "0.0.4",

package.json

@@ -1,6 +1,6 @@
 import React, { Component } from "react";
 import { Link } from "react-router-dom";
-import { connect } from "react-redux";
+import { formatDistanceToNow } from "date-fns";
 //import Like from "./Like";
 import "../styles/styling.sass";
 
@@ -14,6 +14,7 @@ const Comments = (props) => {
         </h6>
         <ul className="list-group">
           {props.comments.map((comment, index) => {
+            var date = new Date(comment.createdAt);
             return (
               // <li className="list-group-item" key={index}>
               //   <p>{comment.body}</p>-
@@ -96,7 +97,7 @@ const Comments = (props) => {
                       {comment.user.name}
                     </Link>
                     <br />
-                    <b>Date - </b> {comment.createdAt.substring(0, 10)}
+                    <b>{formatDistanceToNow(date)} ago </b>
                   </div>
                 </div>
                 <br />