Function QueryError

apps/mobile/src/components/query-error.tsx:15–40

({
  message = 'Something went wrong',
  onRetry,
  className,
}: Readonly<QueryErrorProps>)

import { EmptyState } from '@/components/empty-state';
import { AccessibleStatus } from '@/components/ui/accessible-status';
import { Button } from '@/components/ui/button';
import { Text } from '@/components/ui/text';

export type QueryErrorVariant = 'neutral' | 'offline' | 'permission' | 'not-found' | 'server';

const VARIANT_ICONS = {
  neutral: AlertCircle,
  offline: WifiOff,
  permission: Lock,
  'not-found': SearchX,
  server: ServerCrash,
} satisfies Record<QueryErrorVariant, LucideIcon>;

const VARIANT_META_KEYS = {
  neutral: { title: 'common.somethingWentWrong', description: 'queryError.neutralDescription' },
  offline: { title: 'queryError.offlineTitle', description: 'common.somethingWentWrong' },
  permission: {
    title: 'common.accessDenied',
    description: 'queryError.permissionDescription',
  },
  'not-found': {
    title: 'common.notFound',
    description: 'queryError.notFoundDescription',
  },
  server: { title: 'queryError.serverTitle', description: 'queryError.serverDescription' },
} as const;

function variantMeta(t: TFunction, variant: QueryErrorVariant) {
  const meta = VARIANT_META_KEYS[variant];