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

Revert "feat: add force use svg flag"

Browse Source 
This reverts commit fc2b8b6e77.
This commit is contained in:
FarEastTZ 2024-10-11 18:39:42 +08:00
parent fc2b8b6e77
commit a962b994c2
1 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/ServerFlag.tsx
View File

@ -1,19 +1,10 @@
import getUnicodeFlagIcon from "country-flag-icons/unicode"; import getUnicodeFlagIcon from "country-flag-icons/unicode";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { env } from "next-runtime-env";
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 = env("NEXT_PUBLIC_USE_SVG_FLAG") === "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");
@ -29,7 +20,7 @@ export default function ServerFlag({ country_code }: { country_code: string }) {
}; };
checkEmojiSupport(); checkEmojiSupport();
}, [useSvgFlag]); // 将 `useSvgFlag` 作为依赖，当其变化时重新触发 }, []);
if (!country_code) return null; if (!country_code) return null;
@ -39,7 +30,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">
{useSvgFlag || !supportsEmojiFlags ? ( {!supportsEmojiFlags ? (
<span className={`fi fi-${country_code}`}></span> <span className={`fi fi-${country_code}`}></span>
) : ( ) : (
getUnicodeFlagIcon(country_code) getUnicodeFlagIcon(country_code)