SpinnerEmpty() — ui Function Reference

Architecture documentation for the SpinnerEmpty() function in spinner-empty.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ SpinnerEmpty() — ui Function Reference

Dependency Diagram

graph TD
  fa3023d0_138e_5cd4_fd88_a95d484f8763["SpinnerEmpty()"]
  20b17ba4_a066_67db_7876_8ae83b9109ff["spinner-empty.tsx"]
  fa3023d0_138e_5cd4_fd88_a95d484f8763 -->|defined in| 20b17ba4_a066_67db_7876_8ae83b9109ff
  style fa3023d0_138e_5cd4_fd88_a95d484f8763 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/examples/rtl/components/spinner-empty.tsx lines 31–52

export function SpinnerEmpty() {
  const context = useLanguageContext()
  const lang = context?.language === "he" ? "he" : "ar"
  const t = translations[lang]

  return (
    <Empty className="w-full border md:p-6" dir={t.dir}>
      <EmptyHeader>
        <EmptyMedia variant="icon">
          <Spinner />
        </EmptyMedia>
        <EmptyTitle>{t.title}</EmptyTitle>
        <EmptyDescription>{t.description}</EmptyDescription>
      </EmptyHeader>
      <EmptyContent>
        <Button variant="outline" size="sm">
          {t.cancel}
        </Button>
      </EmptyContent>
    </Empty>
  )
}