From 5a271fb127f02bde0d80b1a0fcd84c8ac6bcaf21 Mon Sep 17 00:00:00 2001
From: Kayne Ruse <kayneruse@gmail.com>
Date: Wed, 3 Feb 2021 10:49:37 +1100
Subject: [PATCH] Added dateFormat to the posts

---
 client/components/panels/news-feed.jsx |  8 ++++++--
 package-lock.json                      | 14 ++++++++++++++
 package.json                           |  1 +
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/client/components/panels/news-feed.jsx b/client/components/panels/news-feed.jsx
index b8d7cce..a2bd177 100644
--- a/client/components/panels/news-feed.jsx
+++ b/client/components/panels/news-feed.jsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import dateFormat from 'dateformat';
 
 //DOCS: props.uri is the address of a live news-server
 const NewsFeed = props => {
@@ -25,8 +26,11 @@ const NewsFeed = props => {
 					<div key={index}>
 						<hr />
 						<h2>{article.title}</h2>
-						<h3>{article.author}</h3>
-						{ article.edits > 0 ? <p><em>{`${article.edits} edit${article.edits > 1 ? 's': ''}`}</em></p> : null }
+						<p>Written by <strong>{article.author}</strong>, {
+							article.edits > 0 ?
+							<span>Last Updated {dateFormat(articles.updatedAt, 'fullDate')} ({`${article.edits} edit${article.edits > 1 ? 's': ''}`})</span> :
+							<span>Published {dateFormat(articles.createdAt, 'fullDate')}</span>
+						}</p>
 						<p>{article.body}</p>
 					</div>
 				);
diff --git a/package-lock.json b/package-lock.json
index 1dd6260..8fc011f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "bcryptjs": "^2.4.3",
         "cookie-parser": "^1.4.5",
         "core-js": "^3.8.3",
+        "dateformat": "^4.5.1",
         "dotenv": "^8.2.0",
         "express": "^4.17.1",
         "express-formidable": "^1.2.0",
@@ -2773,6 +2774,14 @@
         "node": ">=0.11"
       }
     },
+    "node_modules/dateformat": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-4.5.1.tgz",
+      "integrity": "sha512-OD0TZ+B7yP7ZgpJf5K2DIbj3FZvFvxgFUuaqA/V5zTjAtAAXZ1E8bktHxmAGs4x5b7PflqA9LeQ84Og7wYtF7Q==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/debug": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
@@ -11897,6 +11906,11 @@
       "integrity": "sha512-sAJVKx/FqrLYHAQeN7VpJrPhagZc9R4ImZIWYRFZaaohR3KzmuK88touwsSwSVT8Qcbd4zoDsnGfX4GFB4imyQ==",
       "dev": true
     },
+    "dateformat": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-4.5.1.tgz",
+      "integrity": "sha512-OD0TZ+B7yP7ZgpJf5K2DIbj3FZvFvxgFUuaqA/V5zTjAtAAXZ1E8bktHxmAGs4x5b7PflqA9LeQ84Og7wYtF7Q=="
+    },
     "debug": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
diff --git a/package.json b/package.json
index 2572df2..88180f4 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "bcryptjs": "^2.4.3",
     "cookie-parser": "^1.4.5",
     "core-js": "^3.8.3",
+    "dateformat": "^4.5.1",
     "dotenv": "^8.2.0",
     "express": "^4.17.1",
     "express-formidable": "^1.2.0",