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';
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()
return projectListData;
}

View File

@ -16,26 +16,39 @@ export default function Projects(){
const [searchByFilter, setSearchByFilter] = useState('');
const [searchByFilterOnBlur, setSearchByFilterOnBlur] = useState('');
const { data: getProjectDataList, isLoading, isError } = useGetProjectDataRQ(searchByFilter);
useEffect(()=>{
if(selectedContractFilter=='All'){
setContractFilterResponseData(getProjectList(searchByFilter))
}
else if (selectedContractFilter=='linked'){
setContractFilterResponseData(getLinkedProjectList(searchByFilter))
}
else if (selectedContractFilter=='unlinked'){
setContractFilterResponseData(getUnlinkedProjects(searchByFilter))
}
else if (selectedContractFilter=='published'){
setContractFilterResponseData(getPublishedProjects(searchByFilter))
}
},[selectedContractFilter,searchByFilter])
useEffect(() => {
const fetchData = async () => {
try {
if (selectedContractFilter === 'All') {
const data = await getProjectList(searchByFilter);
setContractFilterResponseData(data);
} else if (selectedContractFilter === 'linked') {
const data = await getLinkedProjectList(searchByFilter);
setContractFilterResponseData(data);
} else if (selectedContractFilter === 'unlinked') {
const data = await getUnlinkedProjects(searchByFilter);
setContractFilterResponseData(data);
} else if (selectedContractFilter === 'published') {
const data = await getPublishedProjects(searchByFilter);
setContractFilterResponseData(data);
}
} catch (error) {
console.error('Error fetching data:', error);
}
};
fetchData();
}, [selectedContractFilter, searchByFilter]);
if (isLoading) {
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(
<>
@ -107,7 +120,7 @@ export default function Projects(){
</Card>
</Card>
<ProjectList projectData={getProjectDataList}/>
<ProjectList projectData={ContractFilterResponseData}/>
</>
)
}