trithuc-mvc-react 2.7.1 → 2.7.2

package/api/index.js

@@ -198,3 +198,24 @@ export const uploadFile = async (formData) => {
     return res.data;
   }
 };
+
+export const huongDan = async ({data}) => {
+  if (!apiUrl) {
+    return [];
+  } else {
+    const res = await api.get(
+      `${getBaseUrl()}/${apiUrl}/HuongDanSuDung/Dropdownlist`,
+      {
+        params: {
+          ...data
+        }
+      },
+      {
+        headers: {
+          "Content-Type": "application/json-patch+json" // Đảm bảo Content-Type là đúng
+        }
+      }
+    );
+    return res.data;
+  }
+};

package/components/DataManagement/HuongDanButton.jsx

@@ -0,0 +1,42 @@
+import { useEffect, useState } from "react";
+import { Tooltip, IconButton } from "@mui/material";
+import { LightbulbOutlined } from "@mui/icons-material";
+import { huongDan } from "../../api";
+
+const HuongDanButton = ({ tableName, size = "small" }) => {
+  const [dataAvailable, setDataAvailable] = useState(false);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const data = { TableName: tableName };
+        const response = await huongDan({ data });
+        if (response?.data[0]) {
+          setDataAvailable(true);
+        }
+      } catch (error) {
+        console.error("Error fetching guide data", error);
+      }
+    };
+
+    fetchData();
+  }, [tableName]);
+
+  const handleHuongDan = () => {
+    window.open(`/huong-dan-su-dung/::${tableName}`, "_blank").focus();
+  };
+
+  if (!dataAvailable) {
+    return null; // Không hiển thị nút nếu không có dữ liệu
+  }
+
+  return (
+    <Tooltip title="Hướng dẫn">
+      <IconButton variant="outlined" color="primary" size={size} onClick={handleHuongDan}>
+        <LightbulbOutlined fontSize="inherit" />
+      </IconButton>
+    </Tooltip>
+  );
+};
+
+export default HuongDanButton;

package/components/DataManagement/index.jsx

@@ -5,7 +5,7 @@ import { useEffect, useMemo, useState } from "react";
 import { DataTableContext } from "./context";
 import PropTypes from "prop-types";
 import DataTable from "./DataTable";
-import { Add, Refresh } from "@mui/icons-material";
+import { Add, Lightbulb, LightbulbCircle, LightbulbCircleOutlined, LightbulbOutlined, Refresh } from "@mui/icons-material";
 
 import { FormProvider, useForm } from "react-hook-form";
 import EditorDialog from "./EditorDialog";
@@ -14,6 +14,7 @@ import ViewDetailDialog from "./ViewDetailDialog";
 import ExportExcelButton from "./ExportExcelButton";
 import { FilterGod } from "./FilterGod";
 import { usePermission } from "../../hooks";
+import HuongDanButton from "./HuongDanButton";
 
 DataManagement.propTypes = {
   columns: PropTypes.array,
@@ -177,6 +178,7 @@ function DataManagement({
           <Stack direction="row" justifyContent={"space-between"} sx={{ mb: upXL ? 2 : 1, ...slotProps?.header?.sx }}>
             <Typography variant="h4">{title}</Typography>
             <Stack direction="row" spacing={1}>
+              <HuongDanButton tableName={tableName} size={elementSize} />
               <Tooltip title="Làm mới">
                 <IconButton
                   variant="outlined"

package/package.json

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