refactor(sanity): add locked style for document header

sanity-io · Nov 7, 2024 · 507d425 · 507d425
1 parent f6f1a40
commit 507d425
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/packages/sanity/src/core/releases/components/documentHeader/VersionChip.tsx b/packages/sanity/src/core/releases/components/documentHeader/VersionChip.tsx
@@ -1,3 +1,4 @@
+import {LockIcon} from '@sanity/icons'
 import {type BadgeTone, useClickOutsideEvent, useGlobalKeyDown} from '@sanity/ui'
 import {
   memo,
@@ -47,6 +48,7 @@ export const VersionChip = memo(function VersionChip(props: {
   onClick: () => void
   text: string
   tone: BadgeTone
+  locked?: boolean
   contextValues: {
     documentId: string
     releases: ReleaseDocument[]
@@ -65,6 +67,7 @@ export const VersionChip = memo(function VersionChip(props: {
     onClick,
     text,
     tone,
+    locked = false,
     contextValues: {
       documentId,
       releases,
@@ -174,6 +177,7 @@ export const VersionChip = memo(function VersionChip(props: {
           text={text}
           tone={tone}
           icon={<ReleaseAvatar padding={1} tone={tone} />}
+          iconRight={locked && LockIcon}
           onContextMenu={handleContextMenu}
         />
       </Tooltip>
@@ -190,6 +194,7 @@ export const VersionChip = memo(function VersionChip(props: {
             onCreateRelease={openCreateReleaseDialog}
             disabled={contextMenuDisabled}
             onCreateVersion={handleAddVersion}
+            locked={locked}
           />
         }
         fallbackPlacements={[]}

diff --git a/...ges/sanity/src/core/releases/components/documentHeader/contextMenu/VersionContextMenu.tsx b/...ges/sanity/src/core/releases/components/documentHeader/contextMenu/VersionContextMenu.tsx
@@ -27,6 +27,7 @@ export const VersionContextMenu = memo(function VersionContextMenu(props: {
   onCreateRelease: () => void
   onCreateVersion: (targetId: string) => void
   disabled?: boolean
+  locked?: boolean
 }) {
   const {
     documentId,
@@ -38,6 +39,7 @@ export const VersionContextMenu = memo(function VersionContextMenu(props: {
     onCreateRelease,
     onCreateVersion,
     disabled,
+    locked,
   } = props
   const {t} = useTranslation()
   const isPublished = isPublishedId(documentId) && !isVersion
@@ -98,7 +100,7 @@ export const VersionContextMenu = memo(function VersionContextMenu(props: {
               icon={TrashIcon}
               onClick={onDiscard}
               text={t('release.action.discard-version')}
-              disabled={disabled}
+              disabled={disabled || locked}
             />
           </>
         )}

diff --git a/...src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveList.tsx b/...src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveList.tsx
@@ -202,6 +202,7 @@ export const DocumentPerspectiveList = memo(function DocumentPerspectiveList() {
             onClick={handleBundleChange(release.name)}
             text={release.metadata.title || t('release.placeholder-untitled-release')}
             tone={getReleaseTone(release)}
+            locked={release.state === 'scheduled' || release.state === 'scheduling'}
             contextValues={{
               documentId: displayed?._id || '',
               menuReleaseId: release._id,