From 4e0c6e12f4a479929221380b47c7aa043617d3c2 Mon Sep 17 00:00:00 2001
From: firmansyah <abdulfirmansyah7@gmail.com>
Date: Thu, 25 Jun 2026 14:39:56 +0700
Subject: [PATCH] feat: custom style list virtual on parent text field not on
 dialog

---
 src/components/ListVirtual.jsx | 17 +++--------------
 src/utils/response.js          |  1 -
 2 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/src/components/ListVirtual.jsx b/src/components/ListVirtual.jsx
index 9724293..88c51ac 100644
--- a/src/components/ListVirtual.jsx
+++ b/src/components/ListVirtual.jsx
@@ -35,7 +35,8 @@ export default function ListVirtual({
   helperText,
   filter,
 	isApiGo = false,
-  multiple
+  multiple,
+  customSxTextField = {}
 }) {
   const headersRequest = useApiHeaders();
   const [open, setOpen] = useState(false);
@@ -81,8 +82,6 @@ export default function ListVirtual({
         isApiGo,
 			);
       const incomingData = res.data || [];
-
-      console.log("res", res)
       
       setRows(prev => isAppend ? [...prev, ...incomingData] : incomingData);
       setTotalRecord(res.totalRecord || 0);
@@ -97,22 +96,11 @@ export default function ListVirtual({
   const handleScroll = (e) => {
     const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
 
-    console.log({
-      scrollTop,
-      scrollHeight,
-      clientHeight,
-      rows: rows.length,
-      totalRecord,
-      loading,
-    });
-
     const isAtBottom = scrollHeight - scrollTop <= clientHeight + 20;
 
     if (isAtBottom && !loading && rows.length < totalRecord) {
       const nextOffset = offset + lengthData;
 
-      console.log("LOAD MORE", nextOffset);
-
       fetchData(search, nextOffset, true);
     }
   };
@@ -241,6 +229,7 @@ export default function ListVirtual({
         error={!!error}
         onClick={() => !disabled && setOpen(true)}
         sx={{
+          ...customSxTextField,
           '& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline': {
             borderColor: 'error.main',
           }
diff --git a/src/utils/response.js b/src/utils/response.js
index c069680..8a51566 100644
--- a/src/utils/response.js
+++ b/src/utils/response.js
@@ -1,7 +1,6 @@
 export const formatApiResponse = (responseOrError) => {
   if (responseOrError?.status) {
     const { status, data, message } = responseOrError;
-    console.log("status", responseOrError.status)
     
     if (status >= 200 && status < 300) {
       return {