feat: add confirmation dialog to site deletion plus edit handleSave so it goes back after site is saved

Author: ananyaa06

src/admin/CreateEditSite.tsx

@@ -52,38 +52,43 @@ export default function CreateEditSite({ mode }: CreateEditSiteProps) {
   const [boundaryPoints, setBoundaryPoints] = useState<BoundaryPoint[]>([]);
 
   const editSite = (site: Site) => {
-    apiClient
+    return apiClient
       .PUT('/api/secure-site', {
         body: siteToSchema(site),
       })
       .then(res => {
         const { data, error } = res;
         if (error) {
           console.error(`Failed to edit site: ${error}`);
-          return;
+          return Promise.reject(error);
         }
         console.log(`Successfully edited site: ${site.name}`);
+        return data;
       })
       .catch(err => {
         console.error(`Error editing site: ${err}`);
+        return Promise.reject(err);
       });
   };
 
+
   const createSite = (site: Site) => {
-    apiClient
+    return apiClient
       .POST('/api/secure-site', {
         body: siteToSchema(site),
       })
       .then(res => {
         const { data, error } = res;
         if (error) {
           console.error(`Failed to create site: ${error}`);
-          return;
+          return Promise.reject(error);
         }
         console.log(`Successfully created site: ${site.name}`);
+        return data;
       })
       .catch(err => {
         console.error(`Error creating site: ${err}`);
+        return Promise.reject(err);
       });
   };
 
@@ -110,11 +115,12 @@ export default function CreateEditSite({ mode }: CreateEditSiteProps) {
             ])
           : undefined,
       };
-      if (mode === 'edit') {
-        editSite(site);
-      } else {
-        createSite(site);
-      }
+      const savePromise =
+        mode === 'edit' ? editSite(site) : createSite(site);
+
+      savePromise.then(() => {
+        handleBack();
+      });
     }
   };
 

src/admin/ListSites.tsx

@@ -59,11 +59,15 @@ export default function ListSites() {
   const handleDelete = (siteName: string) => {
     const site = sites.find(s => s.name === siteName);
     if (site) {
-      deleteSite(site);
-      reloadSites();
+      const confirmed = window.confirm(`Are you sure you want to delete "${site.name}"?`);
+      if (confirmed) {
+        deleteSite(site);
+        reloadSites();
+      }
     }
   };
 
+
   const handleAdd = () => {
     console.log('Add new site');
     window.open('/admin/create-site', '_self');