Browse Source

feat(ui): Add AutoSelectText to eventCreatedTooltip (#53750)

![clipboard.png](https://i.imgur.com/D0clBn0.png)
Evan Purkhiser 1 year ago
parent
commit
e96b19f2af
1 changed files with 14 additions and 7 deletions
  1. 14 7
      static/app/views/issueDetails/eventCreatedTooltip.tsx

+ 14 - 7
static/app/views/issueDetails/eventCreatedTooltip.tsx

@@ -2,6 +2,7 @@ import {Fragment} from 'react';
 import styled from '@emotion/styled';
 import moment from 'moment-timezone';
 
+import AutoSelectText from 'sentry/components/autoSelectText';
 import {t} from 'sentry/locale';
 import ConfigStore from 'sentry/stores/configStore';
 import {space} from 'sentry/styles/space';
@@ -45,7 +46,9 @@ export default function EventCreatedTooltip({event}: Props) {
       <dd>
         {dateCreated ? (
           <Fragment>
-            {dateCreated.format('ll')} {dateCreated.format(format)}
+            <AutoSelectText>
+              {dateCreated.format('ll')} {dateCreated.format(format)}
+            </AutoSelectText>
           </Fragment>
         ) : (
           <NotApplicableText>{t('n/a')}</NotApplicableText>
@@ -55,15 +58,19 @@ export default function EventCreatedTooltip({event}: Props) {
         <Fragment>
           <dt>{t('Received')}</dt>
           <dd>
-            {dateReceived.format('ll')} {dateReceived.format(format)}
+            <AutoSelectText>
+              {dateReceived.format('ll')} {dateReceived.format(format)}
+            </AutoSelectText>
           </dd>
           <dt>{t('Latency')}</dt>
           <dd>
-            {dateCreated ? (
-              formatDateDelta(dateCreated, dateReceived)
-            ) : (
-              <NotApplicableText>{t('n/a')}</NotApplicableText>
-            )}
+            <AutoSelectText>
+              {dateCreated ? (
+                formatDateDelta(dateCreated, dateReceived)
+              ) : (
+                <NotApplicableText>{t('n/a')}</NotApplicableText>
+              )}
+            </AutoSelectText>
           </dd>
         </Fragment>
       )}