filter data integration issue fixed

This commit is contained in:
Sonika 2024-01-01 11:49:36 +05:30
parent 61bcdde399
commit 6a1d5149da
2 changed files with 31 additions and 18 deletions

View File

@ -1,7 +1,7 @@
import {useQuery, UseQueryOptions, UseQueryResult } from '@tanstack/react-query'; import {useQuery, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
export const getProjectList = async(searchBy:any)=>{ export const getProjectList = async(searchBy:any)=>{
const response = await fetch(`${process.env.REACT_APP_API_URL}/project-list?searchBy=`); const response = await fetch(`${process.env.REACT_APP_API_URL}/project-list?searchBy=${searchBy}`);
const projectListData = await response.json() const projectListData = await response.json()
return projectListData; return projectListData;
} }

View File

@ -17,25 +17,38 @@ export default function Projects(){
const [searchByFilterOnBlur, setSearchByFilterOnBlur] = useState(''); const [searchByFilterOnBlur, setSearchByFilterOnBlur] = useState('');
const { data: getProjectDataList, isLoading, isError } = useGetProjectDataRQ(searchByFilter); const { data: getProjectDataList, isLoading, isError } = useGetProjectDataRQ(searchByFilter);
useEffect(()=>{ useEffect(() => {
if(selectedContractFilter=='All'){ const fetchData = async () => {
setContractFilterResponseData(getProjectList(searchByFilter)) try {
} if (selectedContractFilter === 'All') {
else if (selectedContractFilter=='linked'){ const data = await getProjectList(searchByFilter);
setContractFilterResponseData(getLinkedProjectList(searchByFilter)) setContractFilterResponseData(data);
} } else if (selectedContractFilter === 'linked') {
else if (selectedContractFilter=='unlinked'){ const data = await getLinkedProjectList(searchByFilter);
setContractFilterResponseData(getUnlinkedProjects(searchByFilter)) setContractFilterResponseData(data);
} } else if (selectedContractFilter === 'unlinked') {
else if (selectedContractFilter=='published'){ const data = await getUnlinkedProjects(searchByFilter);
setContractFilterResponseData(getPublishedProjects(searchByFilter)) setContractFilterResponseData(data);
} } else if (selectedContractFilter === 'published') {
},[selectedContractFilter,searchByFilter]) const data = await getPublishedProjects(searchByFilter);
setContractFilterResponseData(data);
}
} catch (error) {
console.error('Error fetching data:', error);
}
};
fetchData();
}, [selectedContractFilter, searchByFilter]);
if (isLoading) { if (isLoading) {
return <div>Loading...</div>; return <div>Loading...</div>;
} }
console.log(ContractFilterResponseData,getProjectDataList,"sdkhhskdjgh",selectedContractFilter)
// const { foo, bar } = await ContractFilterResponseData.then((result:any) => result.data);
console.log(ContractFilterResponseData,"hsdfgjdgf")
return( return(
<> <>
@ -107,7 +120,7 @@ export default function Projects(){
</Card> </Card>
</Card> </Card>
<ProjectList projectData={getProjectDataList}/> <ProjectList projectData={ContractFilterResponseData}/>
</> </>
) )
} }