wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-01 22:58:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

use correct timestamp component (#2747)

Browse Source
This commit is contained in:
Tessa Thornton
2019-12-09 16:20:24 -05:00
committed by Kim Gardner
parent 514a549a77
commit f60fac651b
3 changed files with 92 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/admin/App/DecisionHistory/Timestamp.tsx
+2 -2
View File
@@ -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;
src/core/client/admin/App/DecisionHistory/__snapshots__/Timestamp.spec.tsx.snap
+5 -3
View File
@@ -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>
`;
src/core/client/admin/test/decisionHistory/__snapshots__/decisionHistory.spec.tsx.snap
+85 -30
View File
@@ -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"
>