feat(sanity): add "Copy error details" button to document list error UI

sanity-io · Sep 18, 2024 · 5b7c332 · 5b7c332
1 parent 118bc06
commit 5b7c332
Showing 1 changed file with 2 additions and 13 deletions.
diff --git a/packages/sanity/src/structure/panes/documentList/DocumentListPaneContent.tsx b/packages/sanity/src/structure/panes/documentList/DocumentListPaneContent.tsx
@@ -1,10 +1,10 @@
-import {SyncIcon} from '@sanity/icons'
 import {type SanityDocument} from '@sanity/types'
 import {Box, Container, Flex, Heading, Stack, Text} from '@sanity/ui'
 import {useCallback, useEffect, useMemo, useState} from 'react'
 import {
   CommandList,
   type CommandListRenderItemCallback,
+  ErrorActions,
   type GeneralPreviewLayoutKey,
   getPublishedId,
   LoadingBlock,
@@ -15,7 +15,6 @@ import {
 } from 'sanity'
 import {styled} from 'styled-components'
 
-import {Button} from '../../../ui-components'
 import {Delay, PaneContent, PaneItem, usePane, usePaneLayout} from '../../components'
 import {structureLocaleNamespace} from '../../i18n'
 import {FULL_LIST_LIMIT} from './constants'
@@ -198,17 +197,7 @@ export function DocumentListPaneContent(props: DocumentListPaneContentProps) {
                   components={{Code: ({children}) => <code>{children}</code>}}
                 />
               </Text>
-
-              {onRetry && (
-                <Box>
-                  <Button
-                    icon={SyncIcon}
-                    onClick={onRetry}
-                    text={t('panes.document-list-pane.error.retry-button.text')}
-                    tone="primary"
-                  />
-                </Box>
-              )}
+              <ErrorActions error={error} eventId={null} onRetry={onRetry} />
             </Stack>
           </Container>
         </Flex>