chore: added active-language prop to language-provider

deriv-com · Dec 4, 2023 · 07ae049 · 07ae049
1 parent 32bd2fd
commit 07ae049
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/apps/deriv-hk/pages/_app.tsx b/apps/deriv-hk/pages/_app.tsx
@@ -20,7 +20,10 @@ function CustomApp({ Component, pageProps }: AppProps) {
       <SharedLinkProvider DerivLink={NextSharedLink}>
         <BreakpointProvider>
           <ThemeProvider theme="light">
-            <LanguageProvider langItems={langItemsHK}>
+            <LanguageProvider
+              langItems={langItemsHK}
+              activeLanguage={langItemsHK.en}
+            >
               <>
                 <Head>
                   <meta name="color-scheme" content="light dark" />

diff --git a/libs/features/src/lib/navigation/main/main-navigation.stories.tsx b/libs/features/src/lib/navigation/main/main-navigation.stories.tsx
@@ -21,7 +21,7 @@ type Story = StoryObj<typeof meta>;
 const Template: Story = {
   render: ({ ...args }) => {
     return (
-      <LanguageProvider langItems={langItemsHK}>
+      <LanguageProvider langItems={langItemsHK} activeLanguage={langItemsHK.en}>
         <MainNavigation />
       </LanguageProvider>
     );

diff --git a/libs/features/src/lib/navigation/main/main.row-navigation.stories.tsx b/libs/features/src/lib/navigation/main/main.row-navigation.stories.tsx
@@ -21,7 +21,10 @@ type Story = StoryObj<typeof meta>;
 const Template: Story = {
   render: ({ ...args }) => {
     return (
-      <LanguageProvider langItems={langItemsROW}>
+      <LanguageProvider
+        langItems={langItemsROW}
+        activeLanguage={langItemsROW.en}
+      >
         <MainRowNavigation />
       </LanguageProvider>
     );

diff --git a/libs/providers/src/lib/language-swithcer/language.provider.tsx b/libs/providers/src/lib/language-swithcer/language.provider.tsx
@@ -6,13 +6,14 @@ export interface LanguageProviderProps {
   children: React.ReactNode;
   langItems: LangItems;
   onLangSelect?: (lang: LangItem) => void;
+  activeLanguage: LangItem;
 }
 export const LanguageProvider: React.FC<LanguageProviderProps> = ({
   children,
   langItems,
   onLangSelect,
+  activeLanguage,
 }) => {
-  const [activeLanguage, setActiveLanguage] = useState(langItems.en);
   const [showLangContent, setShowLangContent] = useState(false);
   const [showMobileLanguages, setShowMobileLanguages] = useState(false);
 
@@ -25,7 +26,6 @@ export const LanguageProvider: React.FC<LanguageProviderProps> = ({
   }, []);
 
   const selectLanguage = (item: LangItem) => {
-    setActiveLanguage(item);
     setShowLangContent(false);
     onLangSelect?.(item);
   };