Function ErrorState

frontend/src/components/commonUI/ErrorState.tsx:5–23

({ error, onRetry }: { error?: Error; onRetry?: () => void })

import { useTranslation } from 'react-i18next'

function ErrorState({ error, onRetry }: { error?: Error; onRetry?: () => void }) {
  const { t } = useTranslation()
  const navigate = useNavigate()

  return (
    <VStack gap={4} p={8} textAlign="center">
      <Text color="red.500" fontSize="lg">
        {error?.message || 'Something went wrong'}
      </Text>
      {onRetry ? (
        <Button onClick={onRetry}>{t('general.errors.tryAgain')}</Button>
      ) : (
        <Button onClick={() => navigate({ to: '/collections' })}>
          {t('general.actions.goHome')}
        </Button>
      )}
    </VStack>
  )
}

export default ErrorState