docs: change lang by lang (#38943)

ant-design · Nov 24, 2022 · 3d0a269 · 3d0a269
1 parent 0c3ba12
commit 3d0a269
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/.dumi/pages/index/index.tsx b/.dumi/pages/index/index.tsx
@@ -1,4 +1,4 @@
-import React, { type FC, useLayoutEffect } from 'react';
+import React, { type FC } from 'react';
 import { useLocale as useDumiLocale } from 'dumi';
 import { css } from '@emotion/react';
 import useLocale from '../../hooks/useLocale';
@@ -11,8 +11,6 @@ import BannerRecommends from './components/BannerRecommends';
 import ComponentsList from './components/ComponentsList';
 import DesignFramework from './components/DesignFramework';
 import { ConfigProvider } from 'antd';
-import dayjs from 'dayjs';
-import 'dayjs/locale/zh-cn';
 
 const useStyle = () => {
   const { token } = useSiteToken();
@@ -45,22 +43,14 @@ const locales = {
 };
 
 const Homepage: FC = () => {
-  const [locale, lang] = useLocale(locales);
+  const [locale] = useLocale(locales);
   const { id: localeId } = useDumiLocale();
   const localeStr = localeId === 'zh-CN' ? 'cn' : 'en';
 
   const [siteData, loading] = useSiteData();
 
   const style = useStyle();
 
-  useLayoutEffect(() => {
-    if (lang === 'cn') {
-      dayjs.locale('zh-cn');
-    } else {
-      dayjs.locale('en');
-    }
-  }, []);
-
   return (
     <ConfigProvider theme={{ algorithm: undefined }}>
       <section>

diff --git a/.dumi/theme/layouts/DocLayout/index.tsx b/.dumi/theme/layouts/DocLayout/index.tsx
@@ -1,4 +1,6 @@
-import React, { type FC, useEffect, useMemo, useRef } from 'react';
+import React, { type FC, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
+import 'dayjs/locale/zh-cn';
+import dayjs from 'dayjs';
 import { useOutlet, useSearchParams, Helmet } from 'dumi';
 import Header from 'dumi/theme/slots/Header';
 import Footer from 'dumi/theme/slots/Footer';
@@ -52,6 +54,14 @@ const DocLayout: FC = () => {
     setIsMobile(window.innerWidth < RESPONSIVE_MOBILE);
   };
 
+  useLayoutEffect(() => {
+    if (lang === 'cn') {
+      dayjs.locale('zh-cn');
+    } else {
+      dayjs.locale('en');
+    }
+  }, []);
+
   useEffect(() => {
     const nprogressHiddenStyle = document.getElementById('nprogress-style');
     if (nprogressHiddenStyle) {