Nick Szaunig
c7927f2883
Vollstaendige Next.js/Prisma-E-Commerce-Anwendung fuer eine Imkerei: Shop, Warenkorb, Stripe-Checkout, Kundenkonto mit 2FA, Admin-Bereich (Produkte, Ernten, Chargen, Bestellungen, Gutscheine, admin-editierbare Website-Inhalte), i18n (DE/EN), Rate-Limiting/CSP/Audit-Log-Haertung, PostgreSQL- und MySQL-Unterstuetzung ueber austauschbare Prisma- Treiber-Adapter, Unit-/Komponenten-/E2E-Tests.
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { createContext, useContext, type ReactNode } from "react";
|
|
import type { Locale } from "./config";
|
|
import type { Dictionary } from "./dictionary-type";
|
|
import { getDictionary } from "./get-dictionary";
|
|
|
|
interface I18nContextValue {
|
|
locale: Locale;
|
|
t: Dictionary;
|
|
}
|
|
|
|
const I18nContext = createContext<I18nContextValue | null>(null);
|
|
|
|
/**
|
|
* Stellt Locale + Uebersetzungswoerterbuch fuer Client Components bereit.
|
|
* Nimmt bewusst nur die Locale (ein String) als Prop entgegen und loest das
|
|
* Dictionary selbst per getDictionary() auf, statt das fertige Objekt vom
|
|
* Server-Layout hereinzureichen — Dictionaries enthalten Funktionswerte
|
|
* (z.B. fuer Pluralformen), und Funktionen lassen sich nicht als Props von
|
|
* Server an Client Components uebergeben (RSC-Serialisierungsgrenze).
|
|
* Server Components rufen stattdessen direkt getDictionary(await
|
|
* getLocale()) auf, ohne diesen Provider zu benoetigen.
|
|
*/
|
|
export function I18nProvider({ locale, children }: { locale: Locale; children: ReactNode }) {
|
|
const dict = getDictionary(locale);
|
|
return <I18nContext.Provider value={{ locale, t: dict }}>{children}</I18nContext.Provider>;
|
|
}
|
|
|
|
export function useI18n(): I18nContextValue {
|
|
const ctx = useContext(I18nContext);
|
|
if (!ctx) throw new Error("useI18n muss innerhalb von <I18nProvider> verwendet werden.");
|
|
return ctx;
|
|
}
|