Adding moment time parsing

1 files changed, 28 insertions, 0 deletions

diff --git a/ui/src/components/moment-time.tsx b/ui/src/components/moment-time.tsx
new file mode 100644
index 00000000..e0886cbc
--- /dev/null
+++ b/ui/src/components/moment-time.tsx
@@ -0,0 +1,28 @@
+import { Component, linkEvent } from 'inferno';
+import * as moment from 'moment';
+
+interface MomentTimeProps {
+  data: {
+    published: string;
+    updated?: string;
+  }
+}
+
+export class MomentTime extends Component<MomentTimeProps, any> {
+
+  constructor(props, context) {
+    super(props, context);
+  }
+
+  render() {
+    if (this.props.data.updated) {
+      return (
+        <span className="font-italics">modified {moment.utc(this.props.data.updated).fromNow()}</span>
+      )
+    } else {
+      return (
+        <span>{moment.utc(this.props.data.published).fromNow()}</span>
+      )
+    }
+  }
+}