feat: status updating on the server and statuses fetching

src/app/deals/components/Boards/Boards.tsx

@@ -2,7 +2,6 @@
 
 import React from "react";
 import { useMutation } from "@tanstack/react-query";
-import { AxiosError } from "axios";
 import { ScrollArea } from "@mantine/core";
 import Board from "@/app/deals/components/Board/Board";
 import { useBoardsContext } from "@/app/deals/contexts/BoardsContext";
@@ -10,17 +9,16 @@ import { BoardSchema } from "@/client";
 import { updateBoardMutation } from "@/client/@tanstack/react-query.gen";
 import SortableDnd from "@/components/SortableDnd";
 import { notifications } from "@/lib/notifications";
-import { ErrorBody } from "@/types/ErrorBody";
 
 const Boards = () => {
     const { boards, setSelectedBoard, refetchBoards } = useBoardsContext();
 
     const updateBoard = useMutation({
         ...updateBoardMutation(),
-        onError: (error: AxiosError<ErrorBody>) => {
+        onError: error => {
             console.error(error);
             notifications.error({
-                message: error.response?.data?.detail,
+                message: error.response?.data?.detail as string | undefined,
             });
             refetchBoards();
         },

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

@@ -1,8 +1,25 @@
 "use client";
 
+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 { notifications } from "@/lib/notifications";
 
 const StatusColumns = () => {
+    const { refetchStatuses } = useStatusesContext();
+
+    const updateStatus = useMutation({
+        ...updateStatusMutation(),
+        onError: error => {
+            console.error(error);
+            notifications.error({
+                message: error.response?.data?.detail as string | undefined,
+            });
+            refetchStatuses();
+        },
+    });
+
     const onDealDragEnd = (
         dealId: number,
         statusId: number,
@@ -19,7 +36,25 @@ const StatusColumns = () => {
         );
     };
 
-    const onStatusDragEnd = (statusId: number, lexorank: string) => {};
+    const onStatusDragEnd = (statusId: number, lexorank: string) => {
+        console.log(
+            "onStatusDragEnd, statusId:",
+            statusId,
+            ", lexo:",
+            lexorank
+        );
+
+        updateStatus.mutate({
+            path: {
+                statusId,
+            },
+            body: {
+                status: {
+                    lexorank,
+                },
+            },
+        });
+    };
 
     return (
         <StatusColumnsDnd