LanguageProvider() — ui Function Reference

Architecture documentation for the LanguageProvider() function in language-selector.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ LanguageProvider() — ui Function Reference

Dependency Diagram

graph TD
  22b4cad3_93f5_0e3e_711b_ffc07f102942["LanguageProvider()"]
  0196e53a_5d8c_e12e_d1db_960c6e31ec4a["language-selector.tsx"]
  22b4cad3_93f5_0e3e_711b_ffc07f102942 -->|defined in| 0196e53a_5d8c_e12e_d1db_960c6e31ec4a
  style 22b4cad3_93f5_0e3e_711b_ffc07f102942 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/language-selector.tsx lines 45–59

export function LanguageProvider({
  children,
  defaultLanguage = "ar",
}: {
  children: React.ReactNode
  defaultLanguage?: Language
}) {
  const [language, setLanguage] = React.useState<Language>(defaultLanguage)

  return (
    <LanguageContext.Provider value={{ language, setLanguage }}>
      {children}
    </LanguageContext.Provider>
  )
}