fix: apply admin theme/language toggle to homepage hero section as well

This commit is contained in:
xiezhouwei 2026-06-22 11:53:12 +08:00
parent 09d6a7305e
commit c44cebeb18
1 changed files with 8 additions and 2 deletions

View File

@ -22,6 +22,7 @@ import { Link, useNavigate } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
import { Copy, Check, Code, Terminal, FileCode, Box, Grid3X3, Play, Trophy, PieChart, BookOpen, Search, Sun, Moon, Monitor, Languages } from 'lucide-react';
import { UserContext } from '../../context/User';
import { StatusContext } from '../../context/Status';
import { stringToColor } from '../../helpers';
@ -143,8 +144,13 @@ function HomeLanguageSelector() {
function HeroSection() {
const { t } = useTranslation();
const [userState] = useContext(UserContext);
const [statusState] = useContext(StatusContext);
const [copied, setCopied] = useState(false);
const navigate = useNavigate();
// true status
const showThemeToggle = statusState?.status?.HeaderShowThemeToggle !== false;
const showLanguageSelector = statusState?.status?.HeaderShowLanguageSelector !== false;
const copyCmd = useCallback(() => {
navigator.clipboard.writeText("https://tokendance.space");
setCopied(true);
@ -172,8 +178,8 @@ function HeroSection() {
))}
</nav>
<div className="flex items-center gap-1">
<HomeThemeToggle />
<HomeLanguageSelector />
{showThemeToggle && <HomeThemeToggle />}
{showLanguageSelector && <HomeLanguageSelector />}
{userState.user ? (
<Link to="/console" className="inline-flex items-center gap-2 bg-white/10 text-white px-3 py-1.5 text-sm rounded-full hover:bg-white/20 border border-white/20 transition-colors duration-200 ml-2">
<span className="w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold text-white flex-shrink-0" style={{ backgroundColor: stringToColor(userState.user.username) }}>