root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into cloudflare

Browse Source
This commit is contained in:
hamster1963 2024-10-11 20:23:38 +08:00
commit c8a470238c
5 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.env.example
View File

@ -5,4 +5,5 @@ NEXT_PUBLIC_NezhaFetchInterval=5000
NEXT_PUBLIC_ShowFlag=true NEXT_PUBLIC_ShowFlag=true
NEXT_PUBLIC_DisableCartoon=false NEXT_PUBLIC_DisableCartoon=false
NEXT_PUBLIC_ShowTag=true NEXT_PUBLIC_ShowTag=true
NEXT_PUBLIC_ShowNetTransfer=false NEXT_PUBLIC_ShowNetTransfer=false
NEXT_PUBLIC_ForceUseSvgFlag=false

1
README.md
View File

@ -22,6 +22,7 @@
| NEXT_PUBLIC_DisableCartoon | 是否禁用卡通人物 | **默认**：false | | NEXT_PUBLIC_DisableCartoon | 是否禁用卡通人物 | **默认**：false |
| NEXT_PUBLIC_ShowTag | 是否显示标签 | **默认**：false | | NEXT_PUBLIC_ShowTag | 是否显示标签 | **默认**：false |
| NEXT_PUBLIC_ShowNetTransfer | 是否显示流量信息 | **默认**：false | | NEXT_PUBLIC_ShowNetTransfer | 是否显示流量信息 | **默认**：false |
| NEXT_PUBLIC_ForceUseSvgFlag | 是否强制使用SVG显示旗帜 | **默认**：false |
#### 多语言支持 #### 多语言支持

6
components/ServerCard.tsx
View File

@ -9,9 +9,9 @@ import {
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from "@/components/ui/popover"; } from "@/components/ui/popover";
import getEnv from "@/lib/env-entry";
import { cn, formatBytes, formatNezhaInfo } from "@/lib/utils"; import { cn, formatBytes, formatNezhaInfo } from "@/lib/utils";
import { useLocale, useTranslations } from "next-intl"; import { useLocale, useTranslations } from "next-intl";
import { env } from "next-runtime-env";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
export default function ServerCard({ export default function ServerCard({
@ -24,9 +24,9 @@ export default function ServerCard({
const { id, name, country_code, online, cpu, up, down, mem, stg, ...props } = const { id, name, country_code, online, cpu, up, down, mem, stg, ...props } =
formatNezhaInfo(serverInfo); formatNezhaInfo(serverInfo);
const showFlag = env("NEXT_PUBLIC_ShowFlag") === "true"; const showFlag = getEnv("NEXT_PUBLIC_ShowFlag") === "true";
const showNetTransfer = env("NEXT_PUBLIC_ShowNetTransfer") === "true"; const showNetTransfer = getEnv("NEXT_PUBLIC_ShowNetTransfer") === "true";
const locale = useLocale(); const locale = useLocale();

13
components/ServerFlag.tsx
View File

@ -1,10 +1,19 @@
import getEnv from "@/lib/env-entry";
import getUnicodeFlagIcon from "country-flag-icons/unicode"; import getUnicodeFlagIcon from "country-flag-icons/unicode";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
export default function ServerFlag({ country_code }: { country_code: string }) { export default function ServerFlag({ country_code }: { country_code: string }) {
const [supportsEmojiFlags, setSupportsEmojiFlags] = useState(false); const [supportsEmojiFlags, setSupportsEmojiFlags] = useState(false);
const useSvgFlag = getEnv("NEXT_PUBLIC_ForceUseSvgFlag") === "true";
useEffect(() => { useEffect(() => {
if (useSvgFlag) {
// 如果环境变量要求直接使用 SVG，则无需检查 Emoji 支持
setSupportsEmojiFlags(false);
return;
}
const checkEmojiSupport = () => { const checkEmojiSupport = () => {
const canvas = document.createElement("canvas"); const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d"); const ctx = canvas.getContext("2d");
@ -20,7 +29,7 @@ export default function ServerFlag({ country_code }: { country_code: string }) {
}; };
checkEmojiSupport(); checkEmojiSupport();
}, []); }, [useSvgFlag]); // 将 `useSvgFlag` 作为依赖，当其变化时重新触发
if (!country_code) return null; if (!country_code) return null;
@ -30,7 +39,7 @@ export default function ServerFlag({ country_code }: { country_code: string }) {
return ( return (
<span className="text-[12px] text-muted-foreground"> <span className="text-[12px] text-muted-foreground">
{!supportsEmojiFlags ? ( {useSvgFlag || !supportsEmojiFlags ? (
<span className={`fi fi-${country_code}`}></span> <span className={`fi fi-${country_code}`}></span>
) : ( ) : (
getUnicodeFlagIcon(country_code) getUnicodeFlagIcon(country_code)

3
docker/.env.example
View File

@ -5,4 +5,5 @@ NEXT_PUBLIC_NezhaFetchInterval=5000
NEXT_PUBLIC_ShowFlag=true NEXT_PUBLIC_ShowFlag=true
NEXT_PUBLIC_DisableCartoon=false NEXT_PUBLIC_DisableCartoon=false
NEXT_PUBLIC_ShowTag=true NEXT_PUBLIC_ShowTag=true
NEXT_PUBLIC_ShowNetTransfer=false NEXT_PUBLIC_ShowNetTransfer=false
NEXT_PUBLIC_ForceUseSvgFlag=false