diff --git a/app/dashboard/sites/SitesPage.tsx b/app/dashboard/sites/SitesPage.tsx index 1866763..b071bce 100644 --- a/app/dashboard/sites/SitesPage.tsx +++ b/app/dashboard/sites/SitesPage.tsx @@ -24,8 +24,6 @@ export default function SitesPage({ username, name }: SitesPageProps) { setItemPerPage, loadSites } = useSites(); - console.log(sites); - return ( - - + + )} @@ -149,8 +149,8 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) { - - + + diff --git a/components/dialogues/AddNetwork.tsx b/components/dialogues/AddNetwork.tsx index 728841c..d7296f5 100644 --- a/components/dialogues/AddNetwork.tsx +++ b/components/dialogues/AddNetwork.tsx @@ -30,9 +30,11 @@ export default function AddNetwork({ onNetworkAdded, siteId }: AddNetworkProps) gateway }); - if (onNetworkAdded) { - onNetworkAdded(); - } + setTimeout(() => { + if (onNetworkAdded) { + onNetworkAdded(); + } + }, 500); }; return ( diff --git a/components/dialogues/DeleteNetwork.tsx b/components/dialogues/DeleteNetwork.tsx index 4c9f777..3aa7373 100644 --- a/components/dialogues/DeleteNetwork.tsx +++ b/components/dialogues/DeleteNetwork.tsx @@ -4,13 +4,19 @@ import { Trash2, AlertTriangle } from "lucide-react"; interface DeleteNetworkProps { networkId: string; + onNetworkDeleted?: () => void; } -export default function DeleteNetwork({ networkId }: DeleteNetworkProps) { +export default function DeleteNetwork({ networkId, onNetworkDeleted }: DeleteNetworkProps) { const { deleteNetwork } = useNetworks(); const handleDelete = () => { deleteNetwork(networkId); + setTimeout(() => { + if (onNetworkDeleted) { + onNetworkDeleted(); + } + }, 500); }; return ( diff --git a/components/dialogues/DeleteSite.tsx b/components/dialogues/DeleteSite.tsx index 6205b86..03911a4 100644 --- a/components/dialogues/DeleteSite.tsx +++ b/components/dialogues/DeleteSite.tsx @@ -11,6 +11,11 @@ interface DeleteSiteProps { export default function DeleteSite({ siteId }: DeleteSiteProps) { const router = useRouter() const { deleteSite } = useSite() + + const handleDeleteSite = () => { + deleteSite(siteId) + router.push("/dashboard/sites") + } return (
@@ -41,7 +46,7 @@ export default function DeleteSite({ siteId }: DeleteSiteProps) { diff --git a/components/dialogues/EditNetwork.tsx b/components/dialogues/EditNetwork.tsx index 75c91a6..45dce72 100644 --- a/components/dialogues/EditNetwork.tsx +++ b/components/dialogues/EditNetwork.tsx @@ -8,12 +8,12 @@ import { Network } from "@/app/types"; import { PencilLine, Network as NetworkIcon, Globe, Wifi } from "lucide-react"; interface EditNetworkProps { - onNetworkAdded?: () => void; + onNetworkEdited?: () => void; siteId: string; network: Network; } -export default function EditNetwork({ onNetworkAdded, siteId, network }: EditNetworkProps) { +export default function EditNetwork({ onNetworkEdited, siteId, network }: EditNetworkProps) { const [editName, setEditName] = useState(network.name); const [editIpv4Subnet, setEditIpv4Subnet] = useState(network.ipv4Subnet); const [editIpv6Subnet, setEditIpv6Subnet] = useState(network.ipv6Subnet); @@ -31,6 +31,11 @@ export default function EditNetwork({ onNetworkAdded, siteId, network }: EditNet ipv6Subnet: editIpv6Subnet, gateway: editGateway }); + setTimeout(() => { + if (onNetworkEdited) { + onNetworkEdited(); + } + }, 500); }; return ( diff --git a/components/dialogues/EditSite.tsx b/components/dialogues/EditSite.tsx index e0ea7ab..ee4c773 100644 --- a/components/dialogues/EditSite.tsx +++ b/components/dialogues/EditSite.tsx @@ -9,9 +9,10 @@ import useSite from "@/hooks/useSite" interface EditSiteProps { site: Site + onSiteEdited?: () => void } -export default function EditSite({ site }: EditSiteProps) { +export default function EditSite({ site, onSiteEdited }: EditSiteProps) { const [name, setName] = useState(site.name) const [description, setDescription] = useState(site.description || "") const [error, setError] = useState("") @@ -23,6 +24,17 @@ export default function EditSite({ site }: EditSiteProps) { setDescription(site.description || "") }, [site]) + const handleEditSite = () => { + editSite({ id: site.id, name, description, networks: site.networks }) + + setTimeout(() => { + if (onSiteEdited) { + console.log("onSiteEdited") + onSiteEdited() + } + }, 500) + } + return (
@@ -75,7 +87,7 @@ export default function EditSite({ site }: EditSiteProps) {