Resolve-to-Publish: Comments based publish action

import {ErrorOutlineIcon} from '@sanity/icons'
import {useCallback, useMemo} from 'react'
import {
  COMMENTS_INSPECTOR_NAME,
  DocumentActionComponent,
  DocumentActionProps,
  useComments,
} from 'sanity'
import {useDocumentPane} from 'sanity/structure'

/** Custom publish action that checks for open comments and changes the action to open the comments inspector instead of publishing */
export function commentsPublishAction(
  originalAction: DocumentActionComponent,
): DocumentActionComponent {
  // ** Since this is a component (React) you do not have to make any async calls but instead can use a state and effect to fetch any data you need

  return (props: DocumentActionProps) => {
    const originalResult = originalAction(props)

    // * Document Pane enables us to open the comments pane
    const {inspector, openInspector} = useDocumentPane()
    // * Small handler to open comments inspector
    const handleOpenCommentsInspector = useCallback(() => {
      if (inspector && inspector.name === COMMENTS_INSPECTOR_NAME) return
      openInspector(COMMENTS_INSPECTOR_NAME)
    }, [inspector, openInspector])

    // * fetch comments -> no async needed
    const comments = useComments()
    const hasOpenComments = useMemo(() => comments.comments.data.open.length > 0, [comments])

    return {
      //use all the props from the original publish action. This gives us validation etc.
      ...originalResult,
      label: hasOpenComments ? 'Resolve comments' : 'Publish with comments',
      icon: hasOpenComments ? ErrorOutlineIcon : originalResult?.icon,
      tone: hasOpenComments ? 'caution' : originalResult?.tone,

      onHandle: hasOpenComments
        ? () => {
            return handleOpenCommentsInspector()
          }
        : originalResult?.onHandle,
    }
  }
}