From 4368dfcc6cb82ad1e4d3c26a39eb99eafbe807e7 Mon Sep 17 00:00:00 2001
From: David Sevilla Martin <me@datitisev.me>
Date: Fri, 7 Feb 2020 09:14:33 -0500
Subject: [PATCH] common: add humanTime helper

---
 js/src/common/helpers/humanTime.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 js/src/common/helpers/humanTime.tsx

diff --git a/js/src/common/helpers/humanTime.tsx b/js/src/common/helpers/humanTime.tsx
new file mode 100644
index 000000000..4857bb960
--- /dev/null
+++ b/js/src/common/helpers/humanTime.tsx
@@ -0,0 +1,20 @@
+import humanTimeUtil from '../utils/humanTime';
+
+/**
+ * The `humanTime` helper displays a time in a human-friendly time-ago format
+ * (e.g. '12 days ago'), wrapped in a <time> tag with other information about
+ * the time.
+ */
+export default function humanTime(time: Date) {
+    const mo = dayjs(time);
+
+    const datetime = mo.format();
+    const full = mo.format('LLLL');
+    const ago = humanTimeUtil(time);
+
+    return (
+        <time pubdate datetime={datetime} title={full} data-humantime>
+            {ago}
+        </time>
+    );
+}