debug hide action of datatable

src/core/components/DataTable/Main.js

@@ -11,15 +11,14 @@ import useSWR from "swr";
 const DataTable_Main = (props) => {
     const request = useRequest();
     const isEmptyObject = (obj) => obj && Object.keys(obj).length === 0 && obj.constructor === Object;
-    const { filterData, sortData, setSortData } = useDataTable();
+    const { filterData, sortData, setSortData, hideData, setHideData } = useDataTable();
     const { need_filter, table_url, user_id, page_name, table_name, columns, initialStateProps, TableToolbar } = props;
     const flatColumns = flattenArrayOfObjects(columns, "columns");
     const { settingStore, hideAction } = useTableSetting();
     const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
 
     const onColumnVisibilityChange = (event) => {
-        const settingValue = event();
-        hideAction(user_id, page_name, table_name, settingValue, flatColumns);
+        setHideData(event);
     };
 
     const onSortingChange = (event) => {
@@ -57,13 +56,13 @@ const DataTable_Main = (props) => {
         data: data?.data ?? [],
         initialState: {
             density: "compact",
-            columnVisibility: settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"],
+            columnVisibility: hideData,
             sorting: sortData,
             ...initialStateProps,
         },
         state: {
             showProgressBars: isValidating,
-            columnVisibility: settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"],
+            columnVisibility: hideData,
             sorting: sortData,
             pagination,
         },

src/core/components/NotificationDesign/AskForKeepData.jsx

@@ -6,8 +6,8 @@ import DownloadIcon from "@mui/icons-material/Download";
 import { toast } from "react-toastify";
 import useTableSetting from "@/lib/hooks/useTableSetting";
 
-function AskForKeepData({ filterData, sortData, user_id, page_name, table_name, columns }) {
-    const { filterAction, sortAction } = useTableSetting();
+function AskForKeepData({ filterData, sortData, hideData, user_id, page_name, table_name, columns }) {
+    const { filterAction, sortAction, hideAction } = useTableSetting();
 
     const onSaveFilter = () => {
         const filteredItems = Object.keys(filterData)
@@ -25,8 +25,8 @@ function AskForKeepData({ filterData, sortData, user_id, page_name, table_name,
             })
             .filter(Boolean);
         filterAction(user_id, page_name, table_name, filteredItems, columns);
-
         sortAction(user_id, page_name, table_name, sortData, columns);
+        hideAction(user_id, page_name, table_name, hideData, columns);
         toast.dismiss({ containerId: "datatable" });
     };