feat(sanity): add release error indicators to ReleasesOverview

Author: juice49

packages/sanity/src/core/releases/i18n/resources.ts

@@ -143,6 +143,9 @@ const releasesLocaleStrings = {
 
   /** Title text when error during release update */
   'failed-edit-title': 'Failed to save changes',
+  /** Title text displayed for releases that failed to publish  */
+  'failed-publish-title': 'Failed to publish',
+
   /**The text that will be shown in the footer to indicate the time the release was archived */
   'footer.status.archived': 'Archived',
   /**The text that will be shown in the footer to indicate the time the release was created */

packages/sanity/src/core/releases/tool/overview/ReleasesOverviewColumnDefs.tsx

@@ -1,7 +1,10 @@
-import {LockIcon} from '@sanity/icons'
+import {ErrorOutlineIcon, LockIcon} from '@sanity/icons'
 import {Flex, Text} from '@sanity/ui'
 import {type TFunction} from 'i18next'
+import {Fragment} from 'react'
 
+import {ToneIcon} from '../../../../ui-components/toneIcon/ToneIcon'
+import {Tooltip} from '../../../../ui-components/tooltip/Tooltip'
 import {RelativeTime} from '../../../components'
 import {getPublishDateFromRelease, isReleaseScheduledOrScheduling} from '../../util/util'
 import {Headers} from '../components/Table/TableHeader'
@@ -88,10 +91,34 @@ export const releasesOverviewColumnDefs: (
         )
       },
     },
+    {
+      id: 'error',
+      sorting: false,
+      width: 40,
+      header: () => <Fragment />,
+      cell: ({datum: {error, state}, cellProps}) => (
+        <Flex
+          {...cellProps}
+          align="center"
+          paddingX={2}
+          paddingY={3}
+          sizing="border"
+          data-testid="error-indicator"
+        >
+          {typeof error !== 'undefined' && state === 'active' && (
+            <Tooltip content={<Text size={1}>{t('failed-publish-title')}</Text>} portal>
+              <Text size={1}>
+                <ToneIcon icon={ErrorOutlineIcon} tone="critical" />
+              </Text>
+            </Tooltip>
+          )}
+        </Flex>
+      ),
+    },
     {
       id: 'documentCount',
       sorting: false,
-      width: 100,
+      width: 120,
       header: ({headerProps}) => (
         <Flex {...headerProps} paddingY={3} sizing="border">
           <Headers.BasicHeader text="" />

packages/sanity/src/core/releases/tool/overview/__tests__/ReleasesOverview.test.tsx

@@ -305,6 +305,11 @@ describe('ReleasesOverview', () => {
       within(scheduledReleaseRow).getByTestId('release-lock-icon')
     })
 
+    it('shows error indicator next to active releases in error state', () => {
+      const row = screen.getAllByTestId('table-row')[4]
+      within(row).getByTestId('error-indicator')
+    })
+
     it('allows for switching between history modes', () => {
       expect(screen.getByText('Open').closest('button')).not.toBeDisabled()
       expect(screen.getByText('Archived').closest('button')).not.toBeDisabled()