feat: Blog add blog localStorage (#7114)

apps/blog/components/Article/AllArticle/index.tsx

@@ -11,8 +11,7 @@ import CategoriesSelector from 'components/Article/CategoriesSelector'
 import useAllArticle from 'hooks/useAllArticle'
 import useLanguage from 'hooks/useLanguage'
 import SkeletonArticle from 'components/SkeletonArticle'
-import { storageLangMap } from 'utils/getLocalStorageLanguageCode'
-import { getLanguageCodeFromLS } from 'utils/getLanguageCodeFromLS'
+import { getLanguageCodeFromLS, LS_KEY } from 'utils/getLanguageCodeFromLS'
 
 const StyledArticleContainer = styled(Box)`
   width: 100%;
@@ -99,8 +98,7 @@ const AllArticle = () => {
   const codeFromStorage = getLanguageCodeFromLS()
   useEffect(() => {
     if (codeFromStorage) {
-      const languageStorage = storageLangMap(codeFromStorage)
-      setLanguageOption(languageStorage)
+      setLanguageOption(codeFromStorage)
     }
   }, [codeFromStorage])
 
@@ -118,6 +116,15 @@ const AllArticle = () => {
     setCurrentPage(value)
   }
 
+  const handleSwitchLanguage = (language: string) => {
+    setLanguageOption(language)
+
+    const blogCodeFromStorage = localStorage.getItem(LS_KEY)
+    if (blogCodeFromStorage !== language) {
+      localStorage.setItem(LS_KEY, language)
+    }
+  }
+
   return (
     <StyledArticleContainer id="all">
       <Text
@@ -152,7 +159,7 @@ const AllArticle = () => {
                     title={t('Languages')}
                     value={languageOption}
                     options={languageItems}
-                    setOption={setLanguageOption}
+                    setOption={handleSwitchLanguage}
                   />
                 </Box>
               )}

apps/blog/utils/getLanguageCodeFromLS.ts

@@ -1,9 +1,8 @@
-const LS_KEY = 'pancakeswap_language'
+export const LS_KEY = 'blog_pancakeswap_language'
 
 export const getLanguageCodeFromLS = () => {
   try {
     const codeFromStorage = localStorage.getItem(LS_KEY)
-
     return codeFromStorage || 'en'
   } catch {
     return 'en'