feat: ApiContext

src/components/ListVirtual.jsx

@@ -16,6 +16,7 @@ import {
 import ClearIcon from "@mui/icons-material/Clear";
 import FilterTableBuilder from "../utils/filterTableBuilder";
 import { apiRequest } from "../api/request";
+import { useApiHeaders } from "./ApiContext";
 
 export default function ListVirtual({
   id,
@@ -33,8 +34,8 @@ export default function ListVirtual({
   helperText,
   filter,
 	isApiGo = false,
-  headersRequest,
 }) {
+  const headersRequest = useApiHeaders();
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const [rows, setRows] = useState([]);
@@ -65,18 +66,17 @@ export default function ListVirtual({
     if (keyword) payload.like(name, keyword);
     
     if (filter && filter.length > 0) {
-        filter.forEach(f => payload.where(f.logic_operator || "=", f.name, f.value, f.operator || "AND", f.value1 || null, f.table_name || null));
+      filter.forEach(f => payload.where(f.logic_operator || "=", f.name, f.value, f.operator || "AND", f.value1 || null, f.table_name || null));
     }
 
     try {
       const res = await apiRequest.search(
 				url, 
 				payload.build(),
-				{},
         {
-          isApiGo,
           headers: headersRequest
-        }
+        },
+        isApiGo,
 			);
       const incomingData = res.data || [];
       
@@ -125,14 +125,13 @@ export default function ListVirtual({
       .equal("id", id);
 
     try {
-			const res = await apiRequest.search(
-				url,
+      const res = await apiRequest.search(
+				url, 
 				payload.build(),
-				{},
         {
-          isApiGo,
           headers: headersRequest
-        }
+        },
+        isApiGo,
 			);
 
       const data = res.data?.[0];