interaction with back

src/lib/app/hooks/useDatatable.jsx

@@ -2,6 +2,9 @@ import axios from "axios";
 import { useCallback, useContext, useReducer, useState } from "react";
 import { ReloadDataTableContext } from "../contexts/ReloadDatatableContext";
 import useUser from "./useUser";
+import Notifications from "@/core/components/notifications";
+import useDirection from "./useDirection";
+import { useTranslations } from "next-intl";
 
 const initialValues = {
   url: "",
@@ -35,36 +38,37 @@ const useDataTable = () => {
   const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
   const [openRejectDialog, setOpenRejectDialog] = useState(false);
   const [rowId, setRowId] = useState(null);
+  const { directionApp } = useDirection();
+  const t = useTranslations();
 
   const { token } = useUser();
 
   const confirmData = useCallback(async (url, rowID) => {
     dispatch({ type: "CONFIRM_DATA", url: url, rowID: rowID });
-    console.log(token);
     axios
       .post(`${url}/${rowID}`, {
-        headers: {
-          authorization: `Bearer ${token}`,
-        },
+        headers: { authorization: `Bearer ${token}` },
       })
       .then(() => {
         setReloadDataTable(true);
       })
-      .catch(() => {});
+      .catch((error) => {
+        Notifications(directionApp, error.response, t);
+      });
   }, []);
 
   const rejectData = useCallback(async (url, rowID) => {
     dispatch({ type: "REJECT_DATA", url: url, rowID: rowID });
     axios
       .post(`${url}/${rowID}`, {
-        headers: {
-          authorization: `Bearer ${token}`,
-        },
+        headers: { authorization: `Bearer ${token}` },
       })
       .then(() => {
         setReloadDataTable(true);
       })
-      .catch(() => {});
+      .catch((error) => {
+        Notifications(directionApp, error.response, t);
+      });
   }, []);
 
   //Confirm Data