51 lines
1.3 KiB
TypeScript
51 lines
1.3 KiB
TypeScript
import { Badge, Box } from "@mantine/core";
|
|
|
|
import type { FirewallVersionSummary } from "@homarr/integrations";
|
|
import { useI18n } from "@homarr/translation/client";
|
|
|
|
interface FirewallVersionProps {
|
|
firewallsVersionData: {
|
|
integration: FirewallIntegration;
|
|
summary: FirewallVersionSummary;
|
|
}[];
|
|
selectedFirewall: string;
|
|
isTiny: boolean;
|
|
}
|
|
|
|
export interface FirewallIntegration {
|
|
id: string;
|
|
name: string;
|
|
kind: string;
|
|
updatedAt: Date;
|
|
}
|
|
|
|
export const FirewallVersion = ({ firewallsVersionData, selectedFirewall, isTiny }: FirewallVersionProps) => {
|
|
const t = useI18n("widget.firewall");
|
|
const version = firewallsVersionData.find(({ integration }) => integration.id === selectedFirewall)?.summary.version;
|
|
|
|
return (
|
|
<Box>
|
|
<Badge
|
|
autoContrast
|
|
variant="outline"
|
|
color="lightgray"
|
|
size="xs"
|
|
style={{ minHeight: "24px", maxWidth: isTiny ? 72 : undefined }}
|
|
styles={{ label: { overflow: "hidden", textOverflow: "ellipsis" } }}
|
|
>
|
|
{formatVersion(version ?? "", t("versionUnknown"))}
|
|
</Badge>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export function formatVersion(inputString: string, fallback: string): string {
|
|
const regex = /([\d._]+)/;
|
|
const match = regex.exec(inputString);
|
|
if (match?.[1]) {
|
|
return match[1];
|
|
} else {
|
|
return fallback;
|
|
}
|
|
}
|