fix(desk): add studio ui tooltip

sanity-io · Oct 19, 2023 · 81faebe · 81faebe
1 parent 980a86c
commit 81faebe
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/packages/sanity/src/desk/components/DraftStatus.tsx b/packages/sanity/src/desk/components/DraftStatus.tsx
@@ -7,14 +7,12 @@ import {TextWithTone, useTimeAgo} from 'sanity'
 export function DraftStatus(props: {document?: PreviewValue | Partial<SanityDocument> | null}) {
   const {document} = props
   const updatedAt = document && '_updatedAt' in document && document._updatedAt
+
   // Label with abbreviations and suffix
   const lastEditedTime = useTimeAgo(updatedAt || '', {minimal: true, agoSuffix: true})
-  const lastEditedTimeAgo = `${lastEditedTime} ago`
 
   return (
-    <Tooltip
-      text={document ? `Edited ${updatedAt ? lastEditedTimeAgo : ''}` : 'No unpublished edits'}
-    >
+    <Tooltip text={document ? `Edited ${updatedAt ? lastEditedTime : ''}` : 'No unpublished edits'}>
       <TextWithTone tone="caution" dimmed={!document} muted={!document} size={1}>
         <EditIcon />
       </TextWithTone>

diff --git a/packages/sanity/src/desk/components/PublishedStatus.tsx b/packages/sanity/src/desk/components/PublishedStatus.tsx
@@ -9,8 +9,8 @@ export function PublishedStatus(props: {document?: PreviewValue | Partial<Sanity
   const updatedAt = document && '_updatedAt' in document && document._updatedAt
   const statusLabel = document ? 'Published' : 'Not published'
 
-  // Label with abbreviations
-  const lastPublishedTime = useTimeAgo(updatedAt || '', {minimal: true})
+  // Label with abbreviations and suffix
+  const lastPublishedTime = useTimeAgo(updatedAt || '', {minimal: true, agoSuffix: true})
 
   return (
     <Tooltip text={document ? `Published ${updatedAt ? lastPublishedTime : ''}` : 'Not published'}>

diff --git a/packages/sanity/src/desk/panes/document/statusBar/sparkline/PublishStatus.tsx b/packages/sanity/src/desk/panes/document/statusBar/sparkline/PublishStatus.tsx
@@ -43,7 +43,7 @@ export function PublishStatus(props: PublishStatusProps) {
         text={`${
           liveEdit
             ? `Last updated ${lastUpdated ? lastUpdatedTimeAgo : lastPublishedTimeAgo}`
-            : `Last published ${lastPublishedTime}`
+            : `Last published ${lastPublishedTimeAgo}`
         }`}
         placement="top-start"
       >