fix: can pin scheduled in future releases

sanity-io · Oct 28, 2024 · a89128f · a89128f
1 parent c70c221
commit a89128f
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardDetails.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardDetails.tsx
@@ -10,7 +10,7 @@ import {
   Stack,
   Text,
 } from '@sanity/ui'
-import {format} from 'date-fns'
+import {format, isBefore} from 'date-fns'
 import {useCallback} from 'react'
 
 import {useTranslation} from '../../../i18n'
@@ -36,12 +36,14 @@ export function ReleaseDashboardDetails({release}: {release: ReleaseDocument}) {
     }
   }, [_id, currentGlobalBundle._id, setPerspective, setPerspectiveFromRelease])
 
+  const isPublishDateInPast = publishAt && isBefore(new Date(publishAt), new Date())
+
   return (
     <Container width={3}>
       <Stack padding={3} paddingY={[4, 4, 5, 6]} space={[3, 3, 4, 5]}>
         <Flex gap={1}>
           <Button
-            disabled={publishAt !== undefined || state === 'archived'}
+            disabled={isPublishDateInPast || state === 'archived'}
             icon={_id === currentGlobalBundle._id ? PinFilledIcon : PinIcon}
             mode="bleed"
             onClick={handlePinRelease}
@@ -59,9 +61,11 @@ export function ReleaseDashboardDetails({release}: {release: ReleaseDocument}) {
                 <Flex flex={1} gap={2}>
                   <ReleaseAvatar padding={0} tone={getReleaseTone(release)} />
                   <Text muted size={1} weight="medium">
-                    {t('dashboard.details.published-on', {
-                      date: format(new Date(publishAt), `MMM d, yyyy`),
-                    })}
+                    {isPublishDateInPast
+                      ? format(new Date(publishAt), `PPpp`)
+                      : t('dashboard.details.published-on', {
+                          date: format(new Date(publishAt), `MMM d, yyyy`),
+                        })}
                   </Text>
                 </Flex>
               </Card>