UI Fixes & reload

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 (
     <div>
       <dialog id="edit_site" className="modal">
@@ -75,7 +87,7 @@ export default function EditSite({ site }: EditSiteProps) {
               <button className="btn btn-outline">Cancel</button>
               <button 
                 className="btn btn-primary" 
-                onClick={() => editSite({ id: site.id, name, description, networks: site.networks })}
+                onClick={handleEditSite}
                 disabled={!name}
               >
                 Save Changes