trithuc-mvc-react 2.9.9 → 3.0.0

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.9",
+  "version": "3.0.0",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"