martin/ProxmoxVE
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE synced 2025-02-12 02:39:17 +00:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

Refactor InterFaces component to use updated Script type and streamline interface/port handling for better clarity

Browse Source
This commit is contained in:
Bram Suurd 2024-11-06 17:29:10 +01:00
parent 76cf85293c
commit 5a633a145a
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/app/scripts/_components/ScriptItems/InterFaces.tsx
View File

@ -2,11 +2,7 @@ import { Button, buttonVariants } from "@/components/ui/button";
import handleCopy from "@/components/handleCopy";
import { cn } from "@/lib/utils";
import { ClipboardIcon } from "lucide-react";
interface Item {
interface?: string;
port?: number;
}
import { Script } from "@/lib/types";
const CopyButton = ({
label,
@ -24,19 +20,18 @@ const CopyButton = ({
</span>
);
export default function InterFaces({ item }: { item: Item }) {
const { interface: iface, port } = item;
export default function InterFaces({item} : {item : Script}) {
return (
<div className="flex flex-col gap-2">
{iface || (port && port !== 0) ? (
{item.interface_port != null ? (
<div className="flex items-center justify-end">
<h2 className="mr-2 text-end text-lg font-semibold">
{iface ? "Interface:" : "Default Port:"}
{"Default Interface:"}
</h2>{" "}
<CopyButton
label={iface ? "interface" : "port"}
value={iface || port!}
label={"default interface"}
value={item.interface_port}
/>
</div>
) : null}