mirror of
https://github.com/NginxProxyManager/nginx-proxy-manager.git
synced 2025-09-16 20:00:35 +00:00
25 lines
732 B
TypeScript
25 lines
732 B
TypeScript
import { IconWorld } from "@tabler/icons-react";
|
|
import { hasFlag } from "country-flag-icons";
|
|
// @ts-expect-error Creating a typing for a subfolder is not easily possible
|
|
import Flags from "country-flag-icons/react/3x2";
|
|
|
|
interface FlagProps {
|
|
className?: string;
|
|
countryCode: string;
|
|
}
|
|
function Flag({ className, countryCode }: FlagProps) {
|
|
countryCode = countryCode.toUpperCase();
|
|
if (countryCode === "EN") {
|
|
return <IconWorld className={className} width={20} />;
|
|
}
|
|
|
|
if (hasFlag(countryCode)) {
|
|
const FlagElement = Flags[countryCode] as any;
|
|
return <FlagElement title={countryCode} className={className} width={20} />;
|
|
}
|
|
console.error(`No flag for country ${countryCode} found!`);
|
|
return null;
|
|
}
|
|
|
|
export { Flag };
|