Bug Fixes

app/api/sites/delete/route.ts

@@ -3,7 +3,7 @@ import prisma from "@/app/prisma";
 import { z } from "zod/v4";
 
 const schema = z.object({
-    siteId: z.string(),
+    siteId: z.number(),
 });
 
 export async function DELETE(request: NextRequest) {
@@ -12,7 +12,7 @@ export async function DELETE(request: NextRequest) {
 
     try {
         const site = await prisma.site.delete({
-            where: { id: Number(siteId.siteId) },
+            where: { id: siteId.siteId },
         });
 
         return NextResponse.json(site);

app/api/sites/networks/delete/route.ts

@@ -3,7 +3,7 @@ import prisma from "@/app/prisma";
 import { z } from "zod/v4";
 
 const schema = z.object({
-    networkId: z.string(),
+    networkId: z.number(),
 });
 
 export async function DELETE(request: NextRequest) {
@@ -13,7 +13,7 @@ export async function DELETE(request: NextRequest) {
     try {
         await prisma.network.delete({
             where: {
-                id: Number(network.networkId),
+                id: network.networkId,
             },
         });
         

app/api/sites/networks/edit/route.ts

@@ -16,7 +16,7 @@ export async function POST(request: NextRequest) {
     try {
         const network = await prisma.network.update({
             where: {
-                id: Number(body.id),
+                id: body.id,
             },
             data: {
                 name: body.name,

app/dashboard/sites/[siteId]/SitePage.tsx

@@ -1,7 +1,7 @@
 "use client"
 import Sidebar from "@/components/Sidebar"
 import useSite from "@/hooks/useSites"
-import { useEffect, useState } from "react"
+import { useEffect, useState, useRef } from "react"
 import { Network } from "@/app/types"
 import Loading from "@/components/Loading"
 import { EditModeToggle } from "@/components/EditModeToggle"
@@ -15,15 +15,16 @@ import DeleteSite from "@/components/dialogues/DeleteSite"
 interface SitesPageProps {
   username: string
   name: string
-  siteId: string
+  siteId: number
 }
 
 export default function SitesPage({ username, name, siteId }: SitesPageProps) {
   const { site, loadSite, updateSite, setSiteId, loading } = useSite()
   const [isEditMode, setIsEditMode] = useState(false)
+  const editSiteRef = useRef<{ resetForm: () => void }>(null)
   
   const [selectedNetwork, setSelectedNetwork] = useState<Network | null>(null)
-  const [selectedNetworkId, setSelectedNetworkId] = useState('')
+  const [selectedNetworkId, setSelectedNetworkId] = useState<number | null>(null)
 
   useEffect(() => {
     if (siteId) {
@@ -31,6 +32,11 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
     }
   }, [siteId, setSiteId])
 
+  const handleEditClick = () => {
+    editSiteRef.current?.resetForm()
+    ;(document.getElementById('edit_site') as HTMLDialogElement)?.showModal()
+  }
+
   return (
     <Sidebar username={username} fullName={name} breadcrumbPath={["/", "Dashboard", "Resources", "Sites", site.name]}>
       <main className="w-full">
@@ -49,7 +55,7 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
                     <>
                       <button 
                         className="btn btn-primary btn-sm px-2" 
-                        onClick={() => (document.getElementById('edit_site') as HTMLDialogElement)?.showModal()}
+                        onClick={handleEditClick}
                       >
                         <Pencil className="h-4 w-4" />
                       </button>
@@ -167,7 +173,7 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
         )}
 
         <AddNetwork siteId={site.id} onNetworkAdded={updateSite}/>
-        <EditSite site={site} onSiteEdited={updateSite} />
+        <EditSite ref={editSiteRef} site={site} onSiteEdited={updateSite} />
         <DeleteSite siteId={site.id} />
         {selectedNetwork && (
           <EditNetwork 

app/dashboard/sites/[siteId]/page.tsx

@@ -22,6 +22,6 @@ export default function Dashboard() {
   if (loading) {
     return <Loading />;
   } else {
-    return <SitePage username={username} name={name} siteId={siteId as string} />;
+    return <SitePage username={username} name={name} siteId={Number(siteId)} />;
   }
 }