trithuc-mvc-react 2.9.8 → 3.0.0

package/components/DataManagement/DataTable.jsx

@@ -65,13 +65,9 @@ const DataTable = ({ multipleActions = [], page, setPage = () => {}, disableEdit
       queryClient.invalidateQueries({ queryKey: [tableName] });
     },
     onError: (error) => {
-      if (error.response && error.response.data && error.response.data.errors) {
-        const errors = error.response.data.errors;
-        // Chuyển đổi đối tượng lỗi thành chuỗi để hiển thị
-        const errorMessages = Object.entries(errors)
-          .map(([field, messages]) => `${field}: ${messages.join(", ")}`)
-          .join("\n");
-        toast.error(errorMessages);
+      if (error.response && error.response.data) {
+        const message = error.response.data.message;
+        toast.error(message);
       } else {
         // Nếu lỗi không theo định dạng mong đợi, hiển thị thông tin lỗi chung
         toast.error("Đã xảy ra lỗi không mong muốn.");
@@ -93,13 +89,9 @@ const DataTable = ({ multipleActions = [], page, setPage = () => {}, disableEdit
       queryClient.invalidateQueries({ queryKey: [tableName] });
     },
     onError: (error) => {
-      if (error.response && error.response.data && error.response.data.errors) {
-        const errors = error.response.data.errors;
-        // Chuyển đổi đối tượng lỗi thành chuỗi để hiển thị
-        const errorMessages = Object.entries(errors)
-          .map(([field, messages]) => `${field}: ${messages.join(", ")}`)
-          .join("\n");
-        toast.error(errorMessages);
+      if (error.response && error.response.data) {
+        const message = error.response.data.message;
+        toast.error(message);
       } else {
         // Nếu lỗi không theo định dạng mong đợi, hiển thị thông tin lỗi chung
         toast.error("Đã xảy ra lỗi không mong muốn.");
@@ -117,13 +109,9 @@ const DataTable = ({ multipleActions = [], page, setPage = () => {}, disableEdit
       queryClient.invalidateQueries({ queryKey: [tableName] });
     },
     onError: (error) => {
-      if (error.response && error.response.data && error.response.data.errors) {
-        const errors = error.response.data.errors;
-        // Chuyển đổi đối tượng lỗi thành chuỗi để hiển thị
-        const errorMessages = Object.entries(errors)
-          .map(([field, messages]) => `${field}: ${messages.join(", ")}`)
-          .join("\n");
-        toast.error(errorMessages);
+      if (error.response && error.response.data) {
+        const message = error.response.data.message;
+        toast.error(message);
       } else {
         // Nếu lỗi không theo định dạng mong đợi, hiển thị thông tin lỗi chung
         toast.error("Đã xảy ra lỗi không mong muốn.");

package/components/DataManagement/FilterGod.jsx

@@ -7,16 +7,28 @@ import { useDataTable } from "./hooks";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import AccordionDetails from "@mui/material/AccordionDetails";
 import moment from "moment";
+import { useEffect, useState } from "react";
 import { DateRangePicker } from "../date";
 
-export const FilterGod = ({ filters, elementSize = "small", setPage = () => {} }) => {
+export const FilterGod = ({ tableName, filters, elementSize = "small", setPage = () => {} }) => {
   const { handleSubmit } = useFormContext();
   const onSubmit = (data) => console.log(data);
   const { setDataSearch, dataSearch } = useDataTable();
+  // Lấy trạng thái từ localStorage hoặc mặc định là true
+  const [isFilterVisible, setFilterVisible] = useState(
+    () => JSON.parse(localStorage.getItem(`${tableName}-isFilterVisible`)) ?? true
+  );
+
+  // Lưu trạng thái vào localStorage mỗi khi thay đổi
+  useEffect(() => {
+    localStorage.setItem(`${tableName}-isFilterVisible`, JSON.stringify(isFilterVisible));
+  }, [isFilterVisible]);
+
+  const toggleFilterVisibility = () => setFilterVisible((prev) => !prev);
 
   return (
     <Box component={"form"}>
-      <Accordion>
+      <Accordion expanded={isFilterVisible} onChange={toggleFilterVisibility}>
         <AccordionSummary
           sx={{
             minHeight: 40,

package/components/DataManagement/index.jsx

@@ -258,7 +258,7 @@ function DataManagement({
 
           <Card>
             {tabPanel}
-            <FilterGod filters={filters} elementSize={elementSize} setPage={setPage} />
+            <FilterGod tableName={tableName} filters={filters} elementSize={elementSize} setPage={setPage} />
             {backParentNavigator}
             {!isSmallScreen ? (
               <DataTable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trithuc-mvc-react",
-  "version": "2.9.8",
+  "version": "3.0.0",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"