finished making the createItem

Author: sylee212

client/src/components/ui/backend/organization_call_backend.ts

@@ -85,8 +85,12 @@ export const createItem = async (
       body: JSON.stringify(newData),
     });
 
-    // must return true when coding backend
-    return await response.json();
+    if (response.ok) return true;
+
+    // If it's not OK, let's see why
+    const errorText = await response.text();
+    console.error("Server Error Response:", errorText);
+    return false;
   }
 };
 

client/src/components/ui/card_organization_inventory_details_modal.tsx

@@ -27,7 +27,7 @@ interface Inventory_Details_Interface {
   name: string;
   details: string;
   categories?: string;
-  availability?: string;
+  availability?: boolean;
   organization?: string;
   collectionPoint: string;
   borrowerName?: string;

client/src/pages/organization_add_product.tsx

@@ -3,7 +3,7 @@ import { useRouter } from "next/router";
 import React, { useState } from "react";
 import { useSWRConfig } from "swr/_internal";
 
-import { BASE_URL } from "@/components/ui/backend/organization_call_backend";
+import { BASE_INVENTORY_URL } from "@/components/ui/backend/organization_call_backend";
 import {
   createItemClean,
   updateItemClean,
@@ -39,7 +39,7 @@ const Organization_Add_Product = () => {
     name: mode === "add" ? "" : parsedData?.name,
     details: mode === "add" ? "" : parsedData?.details,
     categories: mode === "add" ? "" : parsedData?.categories,
-    availability: mode === "add" ? "" : parsedData?.availability,
+    availability: mode === "add" ? true : parsedData?.availability,
 
     // organization is kept away because we will fix it to the name of the organization that is logged in
     // organization: "",
@@ -76,35 +76,59 @@ const Organization_Add_Product = () => {
   const { mutate } = useSWRConfig(); // 1. Initiate at the TOP
 
   const handleSave = async (e: React.FormEvent) => {
-    // this is to prevent the page from emptying all the fields and refreshing
     e.preventDefault();
 
-    try {
-      if (mode === "add" && parsedData) {
-        // 2. Call the action (The "Messenger")
-        await createItemClean(formData);
-
-        // 3. Tell SWR to refresh the Dashboard data
-        // This tells SWR: "The data at BASE_URL is old, please go get the new list!"
-        mutate([`${BASE_URL}`, "all"]);
+    const dataToSubmit = { ...formData };
 
-        alert("Product Saved!");
-      } else {
-        // 2. Call the action (The "Messenger")
-        await updateItemClean(formData);
+    // We use "keyof Inventory_Details_Interface" to tell TS exactly what strings are allowed
+    const dateTimeFields: (keyof Inventory_Details_Interface)[] = [
+      "borrowedOn",
+      "returnedOn",
+      "dueOn",
+    ];
 
-        // 3. Tell SWR to refresh the Dashboard data
-        // This tells SWR: "The data at BASE_URL is old, please go get the new list!"
-        mutate([`${BASE_URL}`, "all"]);
+    dateTimeFields.forEach((field) => {
+      const value = dataToSubmit[field];
 
-        alert("Product updated!");
+      if (!value || value === "") {
+        dataToSubmit[field] = undefined; // Use undefined or null
+      } else if (typeof value === "string" && !value.includes("T")) {
+        // Use a type assertion to tell TS this is a valid assignment
+        (dataToSubmit[field] as string) = `${value}T00:00:00Z`;
       }
+    });
+
+    // 2. Handle Date fields (MUST NOT have time)
+    // If it's empty, send null. If it has a value, leave it as YYYY-MM-DD
+    if (!dataToSubmit.expiryDate || dataToSubmit.expiryDate === "") {
+      dataToSubmit.expiryDate = undefined;
+    }
 
-      // go back to dashboard
-      // router.push('/organization_dashboard');
-      router.back();
+    try {
+      // Ensure we are sending the right field names to Django
+      // If your model uses dueOn, formData must have dueOn
+      const success =
+        mode === "add"
+          ? await createItemClean(dataToSubmit)
+          : await updateItemClean(dataToSubmit);
+
+      if (success) {
+        // 1. Refresh the main list
+        // Use the exact string you used in your useSWR hook for the list
+        mutate(`${BASE_INVENTORY_URL}`);
+
+        // 2. Refresh the statistics cards too!
+        mutate(
+          (key) => typeof key === "string" && key.includes("weekly_report"),
+        );
+
+        alert(mode === "add" ? "Product Saved!" : "Product Updated!");
+        router.back();
+      } else {
+        alert("Failed to save. Check console for details.");
+      }
     } catch (error) {
-      alert("Failed to save product: " + error);
+      alert("Network Error: " + error);
     }
   };
 
@@ -145,7 +169,7 @@ const Organization_Add_Product = () => {
             <input
               className="form-input"
               name="availability"
-              value={formData.availability}
+              value={"" + formData.availability}
               onChange={handleChange}
               required
             />