e4c5363fe9
fix(BOOK-399): Default language to 'en' when we've ended up in a invalid state * fix(BOOK-399): Default language to 'en' when we've ended up in a invalid state * PR fixes: reuse types and include local dev error message Approved-by: Anton Gunnarsson Approved-by: Linus Flood
49 lines
1.0 KiB
TypeScript
49 lines
1.0 KiB
TypeScript
"use client"
|
|
|
|
import { type IntlConfig, IntlProvider } from "react-intl"
|
|
|
|
import { Lang } from "@scandic-hotels/common/constants/language"
|
|
import { logger } from "@scandic-hotels/common/logger"
|
|
|
|
const logged: Record<string, boolean> = {}
|
|
|
|
export type ClientIntlProviderProps = React.PropsWithChildren<
|
|
Pick<IntlConfig, "defaultLocale" | "messages"> & { locale: Lang }
|
|
>
|
|
|
|
export default function ClientIntlProvider({
|
|
children,
|
|
locale,
|
|
defaultLocale,
|
|
messages,
|
|
}: ClientIntlProviderProps) {
|
|
if (!Lang[locale]) {
|
|
locale = Lang.en
|
|
}
|
|
|
|
return (
|
|
<IntlProvider
|
|
locale={locale}
|
|
defaultLocale={defaultLocale}
|
|
messages={messages}
|
|
onError={(err) => {
|
|
let msg = err.message
|
|
|
|
if (err.code === "MISSING_TRANSLATION") {
|
|
const id = err.descriptor?.id
|
|
if (id) {
|
|
msg = id
|
|
}
|
|
}
|
|
|
|
if (!logged[msg]) {
|
|
logged[msg] = true
|
|
logger.warn("IntlProvider", err)
|
|
}
|
|
}}
|
|
>
|
|
{children}
|
|
</IntlProvider>
|
|
)
|
|
}
|