From f60fac651b9873af3baa71bdef901f91c93d19b7 Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Mon, 9 Dec 2019 16:20:24 -0500
Subject: [PATCH] use correct timestamp component (#2747)

---
 .../admin/App/DecisionHistory/Timestamp.tsx   |   4 +-
 .../__snapshots__/Timestamp.spec.tsx.snap     |   8 +-
 .../decisionHistory.spec.tsx.snap             | 115 +++++++++++++-----
 3 files changed, 92 insertions(+), 35 deletions(-)

diff --git a/src/core/client/admin/App/DecisionHistory/Timestamp.tsx b/src/core/client/admin/App/DecisionHistory/Timestamp.tsx
index a476021e8..84c591b29 100644
--- a/src/core/client/admin/App/DecisionHistory/Timestamp.tsx
+++ b/src/core/client/admin/App/DecisionHistory/Timestamp.tsx
@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from "react";
 
-import { RelativeTime } from "coral-ui/components/v2";
+import { Timestamp } from "coral-ui/components/v2";
 
 import styles from "./Timestamp.css";
 
@@ -9,7 +9,7 @@ interface Props {
 }
 
 const DecisionHistory: FunctionComponent<Props> = props => (
-  <RelativeTime className={styles.root} date={props.children} />
+  <Timestamp className={styles.root}>{props.children}</Timestamp>
 );
 
 export default DecisionHistory;
diff --git a/src/core/client/admin/App/DecisionHistory/__snapshots__/Timestamp.spec.tsx.snap b/src/core/client/admin/App/DecisionHistory/__snapshots__/Timestamp.spec.tsx.snap
index a84215cf6..27526e38b 100644
--- a/src/core/client/admin/App/DecisionHistory/__snapshots__/Timestamp.spec.tsx.snap
+++ b/src/core/client/admin/App/DecisionHistory/__snapshots__/Timestamp.spec.tsx.snap
@@ -1,8 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders correctly 1`] = `
-<ForwardRef(forwardRef)
+<Timestamp
   className="Timestamp-root"
-  date="2018-07-06T18:24:00.000Z"
-/>
+  toggleAbsolute={true}
+>
+  2018-07-06T18:24:00.000Z
+</Timestamp>
 `;
diff --git a/src/core/client/admin/test/decisionHistory/__snapshots__/decisionHistory.spec.tsx.snap b/src/core/client/admin/test/decisionHistory/__snapshots__/decisionHistory.spec.tsx.snap
index 0b7739e28..65f5c9625 100644
--- a/src/core/client/admin/test/decisionHistory/__snapshots__/decisionHistory.spec.tsx.snap
+++ b/src/core/client/admin/test/decisionHistory/__snapshots__/decisionHistory.spec.tsx.snap
@@ -55,13 +55,24 @@ exports[`loads more 1`] = `
             <div
               className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
             >
-              <time
-                className="RelativeTime-root Timestamp-root"
-                dateTime="2018-11-29T16:01:51.897Z"
-                title="2018-11-29T16:01:51.897Z"
+              <button
+                className="BaseButton-root Timestamp-root"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                2018-11-29T16:01:51.897Z
-              </time>
+                <time
+                  className="RelativeTime-root Timestamp-text Timestamp-root"
+                  dateTime="2018-11-29T16:01:51.897Z"
+                  title="2018-11-29T16:01:51.897Z"
+                >
+                  2018-11-29T16:01:51.897Z
+                </time>
+              </button>
               <div
                 className="DotDivider-root"
               >
@@ -117,13 +128,24 @@ exports[`loads more 1`] = `
             <div
               className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
             >
-              <time
-                className="RelativeTime-root Timestamp-root"
-                dateTime="2018-11-29T16:01:45.644Z"
-                title="2018-11-29T16:01:45.644Z"
+              <button
+                className="BaseButton-root Timestamp-root"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                2018-11-29T16:01:45.644Z
-              </time>
+                <time
+                  className="RelativeTime-root Timestamp-text Timestamp-root"
+                  dateTime="2018-11-29T16:01:45.644Z"
+                  title="2018-11-29T16:01:45.644Z"
+                >
+                  2018-11-29T16:01:45.644Z
+                </time>
+              </button>
               <div
                 className="DotDivider-root"
               >
@@ -179,13 +201,24 @@ exports[`loads more 1`] = `
             <div
               className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
             >
-              <time
-                className="RelativeTime-root Timestamp-root"
-                dateTime="2018-11-29T16:01:42.060Z"
-                title="2018-11-29T16:01:42.060Z"
+              <button
+                className="BaseButton-root Timestamp-root"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                2018-11-29T16:01:42.060Z
-              </time>
+                <time
+                  className="RelativeTime-root Timestamp-text Timestamp-root"
+                  dateTime="2018-11-29T16:01:42.060Z"
+                  title="2018-11-29T16:01:42.060Z"
+                >
+                  2018-11-29T16:01:42.060Z
+                </time>
+              </button>
               <div
                 className="DotDivider-root"
               >
@@ -300,13 +333,24 @@ exports[`render popover content 1`] = `
             <div
               className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
             >
-              <time
-                className="RelativeTime-root Timestamp-root"
-                dateTime="2018-11-29T16:01:51.897Z"
-                title="2018-11-29T16:01:51.897Z"
+              <button
+                className="BaseButton-root Timestamp-root"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                2018-11-29T16:01:51.897Z
-              </time>
+                <time
+                  className="RelativeTime-root Timestamp-text Timestamp-root"
+                  dateTime="2018-11-29T16:01:51.897Z"
+                  title="2018-11-29T16:01:51.897Z"
+                >
+                  2018-11-29T16:01:51.897Z
+                </time>
+              </button>
               <div
                 className="DotDivider-root"
               >
@@ -362,13 +406,24 @@ exports[`render popover content 1`] = `
             <div
               className="Box-root Flex-root Footer-root Flex-flex Flex-alignBaseline"
             >
-              <time
-                className="RelativeTime-root Timestamp-root"
-                dateTime="2018-11-29T16:01:45.644Z"
-                title="2018-11-29T16:01:45.644Z"
+              <button
+                className="BaseButton-root Timestamp-root"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onMouseOut={[Function]}
+                onMouseOver={[Function]}
+                onTouchEnd={[Function]}
+                type="button"
               >
-                2018-11-29T16:01:45.644Z
-              </time>
+                <time
+                  className="RelativeTime-root Timestamp-text Timestamp-root"
+                  dateTime="2018-11-29T16:01:45.644Z"
+                  title="2018-11-29T16:01:45.644Z"
+                >
+                  2018-11-29T16:01:45.644Z
+                </time>
+              </button>
               <div
                 className="DotDivider-root"
               >