Refactor

Author: githubsaturn

src/App.tsx

@@ -56,6 +56,7 @@ function App() {
         >
             <LanguageContext.Provider
                 value={{
+                    currentLanguage: currentLang,
                     setCurrentLanguageOptionContext: (value) => {
                         setCurrentLang(value)
                     },

src/containers/global/LanguageSelector.tsx

@@ -1,10 +1,9 @@
 import { Select } from 'antd'
-import { useContext, useEffect, useState } from 'react'
+import { useContext } from 'react'
 import { useDispatch } from 'react-redux'
 import LanguageContext from '../../contexts/LanguageContext'
 import { emitRootKeyChanged } from '../../redux/actions/GlobalActions'
 import {
-    getCurrentLanguageOption,
     languagesOptions,
     setCurrentLanguageOption,
 } from '../../utils/Language'
@@ -14,33 +13,25 @@ interface LanguageSelectorProps {
 }
 
 const LanguageSelector: React.FC<LanguageSelectorProps> = ({ forceReload }) => {
-    const [currentLanguage, setCurrentLanguage] = useState(
-        getCurrentLanguageOption().value
-    )
-
-    const { setCurrentLanguageOptionContext } = useContext(LanguageContext)
+    const { currentLanguage, setCurrentLanguageOptionContext } =
+        useContext(LanguageContext)
 
     const dispatch = useDispatch()
 
     const handleChange = (value: string) => {
         const langOption = setCurrentLanguageOption(value)
         setCurrentLanguageOptionContext(langOption)
-        setCurrentLanguage(value)
         dispatch(emitRootKeyChanged())
         if (forceReload) {
             window.location.reload()
         }
     }
 
-    useEffect(() => {
-        setCurrentLanguage(getCurrentLanguageOption().value)
-    }, [])
-
     return (
         <Select
             style={{ width: 150 }}
             options={languagesOptions}
-            value={currentLanguage}
+            value={currentLanguage.value}
             onChange={handleChange}
         />
     )

src/contexts/LanguageContext.ts

@@ -1,7 +1,8 @@
 import { createContext } from 'react'
-import { LanguageOption } from '../utils/Language'
+import { getCurrentLanguageOption, LanguageOption } from '../utils/Language'
 
 const LanguageContext = createContext({
+    currentLanguage: getCurrentLanguageOption(),
     setCurrentLanguageOptionContext: (value: LanguageOption) => {},
 })