diff --git a/components/dialogues/EditNetwork.tsx b/components/dialogues/EditNetwork.tsx index cb03d6c..e42d5f2 100644 --- a/components/dialogues/EditNetwork.tsx +++ b/components/dialogues/EditNetwork.tsx @@ -1,6 +1,6 @@ "use client"; -import { useState } from "react"; +import { useState, useEffect } from "react"; import ErrorToast from "@/components/Error"; import SuccessToast from "@/components/Success"; import useNetworks from "@/hooks/useNetworks"; @@ -18,6 +18,14 @@ export default function EditNetwork({ onNetworkEdited, siteId, network }: EditNe const [editIpv4Subnet, setEditIpv4Subnet] = useState(network.ipv4Subnet); const [editIpv6Subnet, setEditIpv6Subnet] = useState(network.ipv6Subnet); const [editGateway, setEditGateway] = useState(network.gateway); + + useEffect(() => { + setEditName(network.name); + setEditIpv4Subnet(network.ipv4Subnet); + setEditIpv6Subnet(network.ipv6Subnet); + setEditGateway(network.gateway); + }, [network]); + const [error, setError] = useState(""); const [success, setSuccess] = useState(""); const { editNetwork } = useNetworks();