From 1ba4ae36df0b344b4e1497b121752d44648cdccc Mon Sep 17 00:00:00 2001
From: Joyce Obi <obijoyce@gmail.com>
Date: Sat, 16 Nov 2019 23:10:04 +0100
Subject: [PATCH] bug(date-fns): Update date-fns distanceInWords method -
 change distanceInWords() to formatDistance() - add baseDate argument -
 upgrade date-fns to latest version

---
 package-lock.json                      | 6 +++---
 package.json                           | 2 +-
 src/components/Messages/MessageItem.js | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 73bdf5e..c7759c1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4181,9 +4181,9 @@
       }
     },
     "date-fns": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-1.30.1.tgz",
-      "integrity": "sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw=="
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.7.0.tgz",
+      "integrity": "sha512-wxYp2PGoUDN5ZEACc61aOtYFvSsJUylIvCjpjDOqM1UDaKIIuMJ9fAnMYFHV3TQaDpfTVxhwNK/GiCaHKuemTA=="
     },
     "date-now": {
       "version": "0.1.4",
diff --git a/package.json b/package.json
index 4a1f889..eec953f 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.2.0",
   "private": true,
   "dependencies": {
-    "date-fns": "^1.30.1",
+    "date-fns": "^2.7.0",
     "firebase": "^5.6.0",
     "react": "^16.6.3",
     "react-dom": "^16.6.3",
diff --git a/src/components/Messages/MessageItem.js b/src/components/Messages/MessageItem.js
index 99b70eb..8c5790d 100644
--- a/src/components/Messages/MessageItem.js
+++ b/src/components/Messages/MessageItem.js
@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
-import { distanceInWordsToNow } from 'date-fns';
+import { formatDistance } from 'date-fns';
 import { Link } from 'react-router-dom';
 import { Feed, Icon, Form, Button } from 'semantic-ui-react';
 
 export const TimeAgo = ({ time }) => (
-  <time>{distanceInWordsToNow(time)} ago</time>
+  <time>{formatDistance(time, Date.now())} ago</time>
 );
 
 class MessageItem extends Component {