feat: rename UpdateInventoryItemInput to EditInventoryItemInput and enhance error handling in inventory update logic

frontend/api/inventory.ts

@@ -4,7 +4,7 @@ import type {
   InventoryStatus,
   InventoryItemCategory,
   CreateInventoryItemInput,
-  UpdateInventoryItemInput,
+  EditInventoryItemInput,
 } from "@/types";
 import { AxiosError } from "axios";
 
@@ -122,16 +122,40 @@ export async function deleteInventoryItem(id: string) {
 }
 export async function updateInventoryItem(
   id: string,
-  item: UpdateInventoryItemInput
+  item: EditInventoryItemInput
 ) {
+  // console.log(id);
   try {
     const response = await axiosInstance.put<InventoryItem>(
-      "/inventory/" + id,
+      `/inventory/${id}`,
       item
     );
     return response.data;
-  } catch (error) {
+  } catch (error: unknown) {
-    console.error("Error while updating Inventory Item! " + error);
+    // Cast error to AxiosError to safely access response properties
-    throw new Error("Failed to updating inventory item: " + error);
+    if (error instanceof AxiosError && error.response) {
+      // Log the detailed error message
+      console.error("Error while deleting Inventory Item!");
+      console.error("Response Status:", error.response.status); // e.g., 422
+      console.error("Error Detail:", error.response.data?.detail); // Custom error message from backend
+      console.error("Full Error Response:", error.response.data); // Entire error object (including details)
+
+      // Throw a new error with a more specific message
+      throw new Error(
+        `Failed to delete inventory item: ${
+          error.response.data?.detail || error.message
+        }`
+      );
+    } else {
+      // Handle other errors (e.g., network errors or unknown errors)
+      console.error(
+        "Error while deleting Inventory Item, unknown error:",
+        error
+      );
+      throw new Error(
+        "Failed to delete inventory item: " +
+          (error instanceof Error ? error.message : "Unknown error")
+      );
+    }
   }
 }

frontend/app/(sidebar)/inventory/edit-inventory-item.tsx

@@ -32,6 +32,7 @@ import {
   InventoryItemCategory,
   HarvestUnits,
   UpdateInventoryItemInput,
+  EditInventoryItemInput,
 } from "@/types";
 import { updateInventoryItem } from "@/api/inventory";
 
@@ -46,7 +47,8 @@ export function EditInventoryItem({
   fetchedInventoryCategory: InventoryItemCategory[];
   fetchedHarvestUnits: HarvestUnits[];
 }) {
-  console.table(item);
+  // console.table(item);
+  // console.log(item.id);
   const [open, setOpen] = useState(false);
   const [itemName, setItemName] = useState(item.name);
   const [itemCategory, setItemCategory] = useState(
@@ -67,8 +69,7 @@ export function EditInventoryItem({
   const queryClient = useQueryClient();
 
   const mutation = useMutation({
-    mutationFn: (item: UpdateInventoryItemInput) =>
+    mutationFn: (x: EditInventoryItemInput) => updateInventoryItem(item.id, x),
-      updateInventoryItem(item.id, item),
     onSuccess: () => {
       // invalidate queries to refresh inventory data.
       queryClient.invalidateQueries({ queryKey: ["inventoryItems"] });
@@ -101,17 +102,18 @@ export function EditInventoryItem({
       );
       return;
     }
+    // console.log("Mutate called");
+    console.log(item.id);
     mutation.mutate({
       name: itemName,
-      categoryId: item.categoryId,
+      categoryId: item.categoryId ?? 0,
-      quantity: itemQuantity,
+      quantity: itemQuantity ?? 0,
       unitId:
         fetchedHarvestUnits.find((unit) => unit.name === itemUnit)?.id ?? 0,
       statusId:
         fetchedInventoryStatus.find((status) => status.name === itemStatus)
           ?.id ?? 0,
       dateAdded: new Date().toISOString(),
-      id: "",
     });
   };
 

frontend/app/(sidebar)/inventory/page.tsx

@@ -94,7 +94,7 @@ export default function InventoryPage() {
     staleTime: 60 * 1000,
   });
   //////////////////////////////
-  // console.table(inventoryItems);
+  console.table(inventoryItems);
   // console.table(inventoryStatus);
   // console.table(harvestUnits);
 
@@ -182,11 +182,11 @@ export default function InventoryPage() {
           item={{
             id: row.original.id,
             name: row.original.name,
-            categoryId: row.original.categoryId,
+            categoryId: row.original.category.id,
             quantity: row.original.quantity,
-            unitId: row.original.unitId,
+            unitId: row.original.unit.id,
             dateAdded: row.original.dateAdded,
-            statusId: row.original.statusId,
+            statusId: row.original.status.id,
           }}
           fetchedInventoryStatus={inventoryStatus}
           fetchedInventoryCategory={inventoryCategory}

frontend/types.ts

@@ -161,7 +161,7 @@ export type CreateInventoryItemInput = {
 };
 
 // export type UpdateInventoryItemInput = CreateInventoryItemInput & {};
-// export type EditInventoryItemInput = CreateInventoryItemInput & { id: number };
+export type EditInventoryItemInput = CreateInventoryItemInput;
 
 export type UpdateInventoryItemInput = Partial<CreateInventoryItemInput> & {
   id: string;