filter data integration issue fixed
This commit is contained in:
parent
61bcdde399
commit
6a1d5149da
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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}/>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user