diff --git a/src/components/ServiceManage/searchBar/BusinessLogSearchBar.js b/src/components/ServiceManage/searchBar/BusinessLogSearchBar.js index f453349..14fa4f7 100644 --- a/src/components/ServiceManage/searchBar/BusinessLogSearchBar.js +++ b/src/components/ServiceManage/searchBar/BusinessLogSearchBar.js @@ -35,12 +35,12 @@ export const useBusinessLogSearch = (token, initialPageSize, setAlertMsg) => { const [data, setData] = useState(null); useEffect(() => { - // fetchData(searchParams); // 컴포넌트 마운트 시 초기 데이터 로드 - const initialLoad = async () => { - await fetchData(searchParams); - }; + //초기 데이터 로드 안함 + // const initialLoad = async () => { + // await fetchData(searchParams); + // }; - initialLoad(); + // initialLoad(); }, [token]); const fetchData = useCallback(async (params) => { @@ -74,14 +74,18 @@ export const useBusinessLogSearch = (token, initialPageSize, setAlertMsg) => { })); }, []); - const handleSearch = useCallback(async (newParams = {}) => { + const handleSearch = useCallback(async (newParams = {}, executeSearch = true) => { const updatedParams = { ...searchParams, ...newParams, page_no: newParams.page_no || 1 // Reset to first page on new search }; updateSearchParams(updatedParams); - return await fetchData(updatedParams); + + if (executeSearch) { + return await fetchData(updatedParams); + } + return null; }, [searchParams, fetchData]); const handleReset = useCallback(async () => { @@ -105,15 +109,15 @@ export const useBusinessLogSearch = (token, initialPageSize, setAlertMsg) => { }, [initialPageSize, fetchData]); const handlePageChange = useCallback(async (newPage) => { - return await handleSearch({ page_no: newPage }); + return await handleSearch({ page_no: newPage }, true); }, [handleSearch]); const handlePageSizeChange = useCallback(async (newSize) => { - return await handleSearch({ page_size: newSize, page_no: 1 }); + return await handleSearch({ page_size: newSize, page_no: 1 }, true); }, [handleSearch]); const handleOrderByChange = useCallback(async (newOrder) => { - return await handleSearch({ order_by: newOrder }); + return await handleSearch({ order_by: newOrder }, true); }, [handleSearch]); return { @@ -133,13 +137,13 @@ const BusinessLogSearchBar = ({ searchParams, onSearch, onReset }) => { const handleSubmit = event => { event.preventDefault(); - onSearch(searchParams); + onSearch(searchParams, true); }; const searchList = [ <> - onSearch({search_type: e.target.value })}> + onSearch({search_type: e.target.value }, false)}> {userSearchType2.map((data, index) => ( , @@ -185,7 +189,7 @@ const BusinessLogSearchBar = ({ searchParams, onSearch, onReset }) => { placeholder='트랜잭션 ID 입력' value={searchParams.tran_id} width="300px" - onChange={e => onSearch({ tran_id: e.target.value })} + onChange={e => onSearch({ tran_id: e.target.value }, false)} /> , <> @@ -200,7 +204,7 @@ const BusinessLogSearchBar = ({ searchParams, onSearch, onReset }) => { ]; const filterComponent = ( - onSearch({filters: e.target.value })} /> + onSearch({filters: e.target.value }, false)} /> ); return ;