|
@@ -1,5 +1,8 @@
|
|
|
import styled from '@emotion/styled';
|
|
|
|
|
|
+import DateTime from 'sentry/components/dateTime';
|
|
|
+import Tooltip from 'sentry/components/tooltip';
|
|
|
+
|
|
|
import {showPlayerTime} from './utils';
|
|
|
|
|
|
type Props = {
|
|
@@ -12,7 +15,18 @@ const PlayerRelativeTime = ({relativeTime, timestamp}: Props) => {
|
|
|
return <div />;
|
|
|
}
|
|
|
|
|
|
- return <Value>{showPlayerTime(timestamp, relativeTime)}</Value>;
|
|
|
+ return (
|
|
|
+ <Tooltip
|
|
|
+ title={<DateTime date={timestamp} />}
|
|
|
+ disabled={!timestamp}
|
|
|
+ skipWrapper
|
|
|
+ disableForVisualTest
|
|
|
+ underlineColor="gray300"
|
|
|
+ showUnderline
|
|
|
+ >
|
|
|
+ <Value>{showPlayerTime(timestamp, relativeTime)}</Value>
|
|
|
+ </Tooltip>
|
|
|
+ );
|
|
|
};
|
|
|
|
|
|
const Value = styled('p')`
|