Merge pull request #1496

src/app/blog/[blogId]/detail.tsx

@@ -61,6 +61,7 @@ const BlogDetail = props => {
   const blogsWithLang = useMemo(() => filterBlogsByLanguage(blogSource, language), [blogSource, language])
 
   useEffect(() => {
+    // TODO: no _lang_ in blogId
     async function fetchCurrentBlog() {
       const regex = /([^_]*?)_lang_[^_]+/g
       const blogIdMatch = blogId?.match(regex)

src/app/blog/page.tsx

@@ -13,7 +13,6 @@ import ArticleCard from "@/components/ArticleCard"
 import SectionWrapper from "@/components/SectionWrapper"
 import { LANGUAGE_MAP, getBlogCategoryList, getBlogSortList } from "@/constants"
 import useCheckViewport from "@/hooks/useCheckViewport"
-import useUserLanguage from "@/hooks/useUserLanguage"
 import { filterBlogsByLanguage } from "@/utils"
 
 const BlogContainer = styled(Box)(({ theme }) => ({
@@ -165,7 +164,7 @@ const BlogList = styled("ul")(({ theme }) => ({
 const Blog = () => {
   const searchParams = useSearchParams()
   const { isDesktop } = useCheckViewport()
-  const [language] = useUserLanguage()
+  const language = "en"
   const BLOG_CATEGORY_LIST = useMemo(() => getBlogCategoryList(language), [language])
   const BLOG_SORT_LIST = useMemo(() => getBlogSortList(language), [language])
   const BLOG_COPY = useMemo(() => LANGUAGE_MAP[language], [language])

src/components/Header/NavbarItem.tsx

@@ -20,15 +20,18 @@ const NavbarItem = props => {
         display: "flex",
         alignItems: "center",
         "&:hover": {
-          // WebkitTextStroke: "0.2px var(--mui-palette-primary-main)",
-          fontWeight: 500,
           color: "primary.main",
         },
+        "&:hover .navbar-label": {
+          WebkitTextStroke: "0.4px var(--mui-palette-primary-main)",
+        },
         "&.active": {
-          // WebkitTextStroke: "0.4px var(--mui-palette-primary-main)",
           fontWeight: 600,
           color: "primary.main",
         },
+        "&.active .navbar-label": {
+          WebkitTextStroke: "unset",
+        },
       }}
       {...restProps}
     >

src/components/Header/desktop_header.tsx

@@ -3,7 +3,6 @@ import React, { useState } from "react"
 
 import { Box, Container, Fade, Paper, Popper, Stack } from "@mui/material"
 
-import LanguageSelect from "@/components/LanguageSelect"
 import ScrollLink from "@/components/Link"
 import Logo from "@/components/ScrollLogo"
 import WalletToolkit from "@/components/WalletToolkit"
@@ -61,7 +60,7 @@ const DesktopHeader = ({ currentMenu }) => {
             onMouseEnter={e => handleMouseEnter(e, item.key)}
             onMouseLeave={handleMouseLeave}
           >
-            {item.label}
+            <span className="navbar-label">{item.label}</span>
             {item.key === hoveringNavbarItemKey && (
               <Popper
                 open={true}
@@ -170,7 +169,6 @@ const DesktopHeader = ({ currentMenu }) => {
           <Stack direction="row" spacing={["0.8rem"]} sx={{ justifySelf: "flex-end" }} alignItems="center">
             {!isSepolia && <GasPriceViewer></GasPriceViewer>}
             {showWalletConnector && <WalletToolkit dark={dark}></WalletToolkit>}
-            {showLanguageSelect && <LanguageSelect></LanguageSelect>}
           </Stack>
         </Box>
       </Container>

src/components/Header/mobile_header.tsx

@@ -4,7 +4,6 @@ import { Fragment, useEffect, useLayoutEffect, useState } from "react"
 import { Box, Collapse, List, Stack } from "@mui/material"
 import { styled } from "@mui/system"
 
-import LanguageSelect from "@/components/LanguageSelect"
 import Link from "@/components/Link"
 import WalletToolkit from "@/components/WalletToolkit"
 import useShowLanguageSelect from "@/hooks/useShowLanguageSelect"
@@ -144,7 +143,6 @@ const MobileHeader = ({ currentMenu }) => {
         </Link>
         <Stack direction="row" spacing="1.6rem" alignItems="center">
           {showWalletConnector && <WalletToolkit dark={dark}></WalletToolkit>}
-          {showLanguageSelect && <LanguageSelect></LanguageSelect>}
 
           <Box
             sx={{