start some change on sending data to local storage

src/lib/contexts/DataTable.jsx

@@ -1,12 +1,27 @@
-import {createContext, useState} from "react";
+import {createContext, useEffect, useState} from "react";
+import {toast} from "react-toastify";
+import AskForKeepData from "@/core/components/NotificationDesign/AskForKeepData";
 
 export const DataTableContext = createContext();
 
 const DataTableProvider = ({children}) => {
     const [filterData, setFilterData] = useState({});
+    const [sortData, setSortData] = useState([]);
+
+    useEffect(() => {
+        toast(<AskForKeepData filterData={filterData} sortData={sortData} user_id={user_id} page_name={page_name}
+                              table_name={table_name}
+                              columns={columns}/>, {
+            containerId: "datatable",
+            className: "filter-toast",
+            position: "bottom-left",
+            draggable: true,
+            autoClose: false,
+        });
+    }, [filterData, sortData]);
 
     return (
-        <DataTableContext.Provider value={{filterData, setFilterData}}>
+        <DataTableContext.Provider value={{filterData, setFilterData, sortData, setSortData}}>
             {children}
         </DataTableContext.Provider>
     );

src/lib/hooks/useDataTable.jsx

@@ -2,8 +2,8 @@ import {useContext} from "react";
 import {DataTableContext} from "@/lib/contexts/DataTable";
 
 const useTableSetting = () => {
-    const {filterData, setFilterData} = useContext(DataTableContext);
-    return {filterData, setFilterData};
+    const {filterData, setFilterData, sortData, setSortData} = useContext(DataTableContext);
+    return {filterData, setFilterData, sortData, setSortData};
 };
 
 export default useTableSetting;