From f450c38625dbf0904a7f9f0b18ba0d54f2012ac7 Mon Sep 17 00:00:00 2001
From: "bens.CN" <993631441@qq.com>
Date: Wed, 5 Jun 2024 14:36:38 +0800
Subject: [PATCH] feat: add lang select btn
---
website/cn/public/fonts/iconfont.js | 2 +-
website/cn/src/components/NavBar.tsx | 122 ++++++++++++++++++++++-----
2 files changed, 102 insertions(+), 22 deletions(-)
diff --git a/website/cn/public/fonts/iconfont.js b/website/cn/public/fonts/iconfont.js
index 50725b4..48e682e 100644
--- a/website/cn/public/fonts/iconfont.js
+++ b/website/cn/public/fonts/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4031246='',function(t){var a=(a=document.getElementsByTagName("script"))[a.length-1],c=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var h,o,i,l,e,n=function(a,c){c.parentNode.insertBefore(a,c)};if(c&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(a){console&&console.log(a)}}h=function(){var a,c=document.createElement("div");c.innerHTML=t._iconfont_svg_string_4031246,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(a=document.body).firstChild?n(c,a.firstChild):a.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),h()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=h,l=t.document,e=!1,v(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,m())})}function m(){e||(e=!0,i())}function v(){try{l.documentElement.doScroll("left")}catch(a){return void setTimeout(v,50)}m()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_4031246='',function(h){var a=(a=document.getElementsByTagName("script"))[a.length-1],c=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var t,o,l,i,m,n=function(a,c){c.parentNode.insertBefore(a,c)};if(c&&!h.__iconfont__svg__cssinject__){h.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(a){console&&console.log(a)}}t=function(){var a,c=document.createElement("div");c.innerHTML=h._iconfont_svg_string_4031246,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(a=document.body).firstChild?n(c,a.firstChild):a.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(l=t,i=h.document,m=!1,v(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,e())})}function e(){m||(m=!0,l())}function v(){try{i.documentElement.doScroll("left")}catch(a){return void setTimeout(v,50)}e()}}(window);
\ No newline at end of file
diff --git a/website/cn/src/components/NavBar.tsx b/website/cn/src/components/NavBar.tsx
index 1875ea7..12c1bf7 100644
--- a/website/cn/src/components/NavBar.tsx
+++ b/website/cn/src/components/NavBar.tsx
@@ -14,6 +14,8 @@ import {
ListItemText,
Stack,
IconButton,
+ MenuItem,
+ Select,
} from "@mui/material";
import Image from "next/image";
import dynamic from "next/dynamic";
@@ -54,7 +56,17 @@ const HoverPopover = dynamic(
export default function NavBar() {
const [isSticky, setIsSticky] = useState(false);
const [open, setOpen] = useState(false);
+ const [langOpen, setLangOpen] = useState(false);
+ const handleOpen = () => {
+ setLangOpen(true);
+ };
+ const handleClose = () => {
+ setLangOpen(false);
+ };
+ const handleChange = () => {
+ window.open("https://waf.chaitin.com/");
+ };
const popoverState = usePopupState({
popupId: "wechat-qrcode-popover",
});
@@ -75,7 +87,79 @@ export default function NavBar() {
window.removeEventListener("scroll", handleScroll);
};
}, []);
-
+ const langRender = () => (
+
+ );
return (
<>
-
+
+ {langRender()}
{navs.map((nav, index) => (
@@ -192,21 +277,16 @@ export default function NavBar() {
/>
-
- 演示 Demo
-
@@ -282,27 +362,27 @@ export const SafelineTitle: React.FC = () => {
flexDirection="row"
display="flex"
spacing={2}
- sx={{ marginTop: "0px", minWidth: "192px" }}
+ sx={{ marginTop: "0px", flexWrap: "nowrap" }}
>