feat(back): add cascade deletion of projects (#945)

feat(front): add modal to call deletion endpoints for projects

Author: SaboniAmine

webapp/src/app/(dashboard)/[organizationId]/projects/page.tsx

@@ -27,6 +27,7 @@ export default function ProjectsPage({
     const createModal = useModal();
     const deleteModal = useModal();
     const [projectList, setProjectList] = useState<Project[]>([]);
+    const [deleteModalOpen, setDeleteModalOpen] = useState(false);
     const [projectToDelete, setProjectToDelete] = useState<Project | null>(
         null,
     );
@@ -43,7 +44,7 @@ export default function ProjectsPage({
 
     const handleDeleteClick = (project: Project) => {
         setProjectToDelete(project);
-        deleteModal.open();
+        setDeleteModalOpen(true);
     };
 
     const handleDeleteConfirm = async (projectId: string) => {
@@ -143,8 +144,8 @@ export default function ProjectsPage({
                 </Card>
                 {projectToDelete && (
                     <DeleteProjectModal
-                        open={deleteModal.isOpen}
-                        onOpenChange={deleteModal.setIsOpen}
+                        open={deleteModalOpen}
+                        onOpenChange={setDeleteModalOpen}
                         projectName={projectToDelete.name}
                         projectId={projectToDelete.id}
                         onDelete={handleDeleteConfirm}

webapp/src/helpers/api-server.ts

@@ -48,16 +48,38 @@ export async function fetchApiServer<T>(
             return null;
         }
 
-        // Parse JSON response
-        try {
-            return await response.json();
-        } catch (e) {
-            // If JSON parsing fails (e.g., empty response body), return null
-            console.warn(
-                `Empty or invalid JSON response from ${endpoint}, returning null`,
-            );
+        // Handle 204 No Content responses (e.g., DELETE operations)
+        if (response.status === 204) {
             return null;
         }
+
+        // Special handling for endpoints that might return null
+        if (
+            endpoint.includes("/organizations/") &&
+            endpoint.includes("/sums")
+        ) {
+            // For organization sums endpoint that might return null
+            try {
+                return await response.json();
+            } catch (e) {
+                // If JSON parsing fails (e.g., empty response), return default values
+                console.warn(
+                    "Empty response from organization sums endpoint, using default values",
+                );
+                return {
+                    name: "",
+                    description: "",
+                    emissions: 0,
+                    energy_consumed: 0,
+                    duration: 0,
+                    cpu_power: 0,
+                    gpu_power: 0,
+                    ram_power: 0,
+                    emissions_rate: 0,
+                    emissions_count: 0,
+                } as unknown as T;
+            }
+        }
     } catch (error) {
         // Log server-side error with more details
         console.error("API server request failed:", {