✨ Fallback on missing translations [#16]

Assembless · Feb 7, 2023 · 7fcbf1b · 7fcbf1b
2 parents 3ff8600 + bf9c02b
commit 7fcbf1b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/hooks.tsx b/src/hooks.tsx
@@ -50,7 +50,7 @@ export function useLittera<T extends ITranslations<T>>(t: TTranslationsArg<T, IT
   const locales = context.locales ?? [locale];
 
   const translations = React.useMemo(() => isTransFn<T, ITranslationsPreset<typeof preset>>(t) ? { ...t(preset) } : { ...t }, [t, preset]) as T;
-
+  
   React.useEffect(() => {
     reportMissing(translations, locales)
   }, [translations]);

diff --git a/src/utils/translate.ts b/src/utils/translate.ts
@@ -98,5 +98,7 @@ export function translateSingle<T>(translation: T, locale: string) {
   if (isVariableFunction(translation))
     return ((...args: Parameters<typeof translation>) => translation(...args)[locale]) as ISingleTranslated<T>;
 
-  return translation[locale] as ISingleTranslated<T>;
+  const defaultLocale = Object.keys(translation)[0];
+
+  return (translation[locale] || translation[defaultLocale]) as ISingleTranslated<T>;
 }
diff --git a/tests/hooks.spec.tsx b/tests/hooks.spec.tsx
@@ -163,6 +163,16 @@ describe("useLittera", () => {
     // @ts-ignore
     expect(console.warn.mock.calls[0][0]).toBe(`You are missing "simple" in de_DE.`);
   });
+
+  it("should fall back to available locale if translations for active are missing", () => {
+    console.warn = jest.fn();
+    const render = renderHook(() => useLittera(mockMissingTranslations, "de_DE"), { wrapper });
+    const translated = render.result.current;
+
+    const fallbackLocale = Object.keys(mockMissingTranslations.simple)[0];
+
+    expect(translated.simple).toEqual(mockMissingTranslations.simple[fallbackLocale]);
+  });
 });
 
 describe("useLitteraMethods", () => {