feat: deal updating on the server

src/app/deals/components/StatusColumns/StatusColumns.tsx

@@ -3,11 +3,14 @@
 import { useMutation } from "@tanstack/react-query";
 import StatusColumnsDnd from "@/app/deals/components/StatusColumnsDnd/StatusColumnsDnd";
 import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
-import { updateStatusMutation } from "@/client/@tanstack/react-query.gen";
+import {
+    updateDealMutation,
+    updateStatusMutation,
+} from "@/client/@tanstack/react-query.gen";
 import { notifications } from "@/lib/notifications";
 
 const StatusColumns = () => {
-    const { refetchStatuses } = useStatusesContext();
+    const { refetchStatuses, refetchDeals } = useStatusesContext();
 
     const updateStatus = useMutation({
         ...updateStatusMutation(),
@@ -20,30 +23,36 @@ const StatusColumns = () => {
         },
     });
 
+    const updateDeals = useMutation({
+        ...updateDealMutation(),
+        onError: error => {
+            console.error(error);
+            notifications.error({
+                message: error.response?.data?.detail as string | undefined,
+            });
+            refetchDeals();
+        },
+    });
+
     const onDealDragEnd = (
         dealId: number,
         statusId: number,
         lexorank?: string
     ) => {
-        // Send request to server
-        console.log(
-            "onDealDragEnd. dealId =",
-            dealId,
-            ", statusId =",
-            statusId,
-            ", lexorank =",
-            lexorank
-        );
+        updateDeals.mutate({
+            path: {
+                dealId,
+            },
+            body: {
+                deal: {
+                    statusId,
+                    lexorank,
+                },
+            },
+        });
     };
 
     const onStatusDragEnd = (statusId: number, lexorank: string) => {
-        console.log(
-            "onStatusDragEnd, statusId:",
-            statusId,
-            ", lexo:",
-            lexorank
-        );
-
         updateStatus.mutate({
             path: {
                 statusId,