Fix UI for inventory page 3

frontend/src/api/hooks/inventory.ts

@@ -174,9 +174,9 @@ export const useStockMovements = (
   ingredientId?: string,
   limit: number = 50,
   offset: number = 0,
-  options?: Omit<UseQueryOptions<PaginatedResponse<StockMovementResponse>, ApiError>, 'queryKey' | 'queryFn'>
+  options?: Omit<UseQueryOptions<StockMovementResponse[], ApiError>, 'queryKey' | 'queryFn'>
 ) => {
-  return useQuery<PaginatedResponse<StockMovementResponse>, ApiError>({
+  return useQuery<StockMovementResponse[], ApiError>({
     queryKey: inventoryKeys.stock.movements(tenantId, ingredientId),
     queryFn: () => inventoryService.getStockMovements(tenantId, ingredientId, limit, offset),
     enabled: !!tenantId,
@@ -339,34 +339,117 @@ export const useConsumeStock = (
 
 export const useCreateStockMovement = (
   options?: UseMutationOptions<
-    StockMovementResponse, 
-    ApiError, 
+    StockMovementResponse,
+    ApiError,
     { tenantId: string; movementData: StockMovementCreate }
   >
 ) => {
   const queryClient = useQueryClient();
-  
+
   return useMutation<
-    StockMovementResponse, 
-    ApiError, 
+    StockMovementResponse,
+    ApiError,
     { tenantId: string; movementData: StockMovementCreate }
   >({
     mutationFn: ({ tenantId, movementData }) => inventoryService.createStockMovement(tenantId, movementData),
     onSuccess: (data, { tenantId, movementData }) => {
       // Invalidate movement queries
       queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.movements(tenantId) });
-      queryClient.invalidateQueries({ 
-        queryKey: inventoryKeys.stock.movements(tenantId, movementData.ingredient_id) 
+      queryClient.invalidateQueries({
+        queryKey: inventoryKeys.stock.movements(tenantId, movementData.ingredient_id)
       });
       // Invalidate stock queries if this affects stock levels
       if (['in', 'out', 'adjustment'].includes(movementData.movement_type)) {
         queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.lists() });
-        queryClient.invalidateQueries({ 
-          queryKey: inventoryKeys.stock.byIngredient(tenantId, movementData.ingredient_id) 
+        queryClient.invalidateQueries({
+          queryKey: inventoryKeys.stock.byIngredient(tenantId, movementData.ingredient_id)
         });
         queryClient.invalidateQueries({ queryKey: inventoryKeys.ingredients.lists() });
       }
     },
     ...options,
   });
+};
+
+// Custom hooks for stock management operations
+export const useStockOperations = (tenantId: string) => {
+  const queryClient = useQueryClient();
+
+  const addStock = useMutation({
+    mutationFn: async ({ ingredientId, quantity, unit_cost, notes }: {
+      ingredientId: string;
+      quantity: number;
+      unit_cost?: number;
+      notes?: string;
+    }) => {
+      // Create stock entry via backend API
+      const stockData: StockCreate = {
+        ingredient_id: ingredientId,
+        quantity,
+        unit_price: unit_cost || 0,
+        notes
+      };
+      return inventoryService.addStock(tenantId, stockData);
+    },
+    onSuccess: (data, variables) => {
+      // Invalidate relevant queries
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.ingredients.lists() });
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.movements(tenantId) });
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.movements(tenantId, variables.ingredientId) });
+    }
+  });
+
+  const consumeStock = useMutation({
+    mutationFn: async ({ ingredientId, quantity, reference_number, notes, fifo = true }: {
+      ingredientId: string;
+      quantity: number;
+      reference_number?: string;
+      notes?: string;
+      fifo?: boolean;
+    }) => {
+      const consumptionData: StockConsumptionRequest = {
+        ingredient_id: ingredientId,
+        quantity,
+        reference_number,
+        notes,
+        fifo
+      };
+      return inventoryService.consumeStock(tenantId, consumptionData);
+    },
+    onSuccess: (data, variables) => {
+      // Invalidate relevant queries
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.ingredients.lists() });
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.movements(tenantId) });
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.movements(tenantId, variables.ingredientId) });
+    }
+  });
+
+  const adjustStock = useMutation({
+    mutationFn: async ({ ingredientId, quantity, notes }: {
+      ingredientId: string;
+      quantity: number;
+      notes?: string;
+    }) => {
+      // Create adjustment movement via backend API
+      const movementData: StockMovementCreate = {
+        ingredient_id: ingredientId,
+        movement_type: 'adjustment',
+        quantity,
+        notes
+      };
+      return inventoryService.createStockMovement(tenantId, movementData);
+    },
+    onSuccess: (data, variables) => {
+      // Invalidate relevant queries
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.ingredients.lists() });
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.movements(tenantId) });
+      queryClient.invalidateQueries({ queryKey: inventoryKeys.stock.movements(tenantId, variables.ingredientId) });
+    }
+  });
+
+  return {
+    addStock,
+    consumeStock,
+    adjustStock
+  };
 };