feat: update language switcher with language icon

This commit is contained in:
hamster1963 2025-01-25 11:42:55 +08:00
parent c5f81d70d4
commit 601126fd04
2 changed files with 3 additions and 3 deletions

View File

@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react"
import { useTranslation } from "react-i18next"
import { Route, BrowserRouter as Router, Routes } from "react-router-dom"
import { DashCommand } from "./components/DashCommand"
import ErrorBoundary from "./components/ErrorBoundary"
import Footer from "./components/Footer"
import Header, { RefreshToast } from "./components/Header"
@ -15,7 +16,6 @@ import ErrorPage from "./pages/ErrorPage"
import NotFound from "./pages/NotFound"
import Server from "./pages/Server"
import ServerDetail from "./pages/ServerDetail"
import { DashCommand } from "./components/DashCommand"
const App: React.FC = () => {
const { data: settingData, error } = useQuery({

View File

@ -3,7 +3,7 @@
import { Button } from "@/components/ui/button"
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
import { cn } from "@/lib/utils"
import { CheckCircleIcon } from "@heroicons/react/20/solid"
import { CheckCircleIcon, LanguageIcon } from "@heroicons/react/20/solid"
import { useTranslation } from "react-i18next"
export function LanguageSwitcher() {
@ -34,7 +34,7 @@ export function LanguageSwitcher() {
"bg-white/70 dark:bg-black/70": customBackgroundImage,
})}
>
{localeItems.find((item) => item.code === locale)?.name}
<LanguageIcon className="size-4" />
<span className="sr-only">Change language</span>
</Button>
</DropdownMenuTrigger>