SpinnerBadge() — ui Function Reference

Architecture documentation for the SpinnerBadge() function in spinner-badge.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ SpinnerBadge() — ui Function Reference

Dependency Diagram

graph TD
  aa36381c_d534_caf2_3e0d_6f60bc521de3["SpinnerBadge()"]
  47ace017_01d8_261d_b1b6_8bda7f68a742["spinner-badge.tsx"]
  aa36381c_d534_caf2_3e0d_6f60bc521de3 -->|defined in| 47ace017_01d8_261d_b1b6_8bda7f68a742
  style aa36381c_d534_caf2_3e0d_6f60bc521de3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/examples/rtl/components/spinner-badge.tsx lines 23–44

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

  return (
    <div dir={t.dir} className="flex items-center gap-2">
      <Badge>
        <Spinner />
        {t.syncing}
      </Badge>
      <Badge variant="secondary">
        <Spinner />
        {t.updating}
      </Badge>
      <Badge variant="outline">
        <Spinner />
        {t.loading}
      </Badge>
    </div>
  )
}