WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

reverted offerlist to display only when there is an offer #118

Merged
ameye merged 1 commits from offerlist-display into master 2023-05-29 20:00:37 +00:00
Conversation 0 Commits 1 Files Changed 2
+10 -29
2 changed files with 10 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyTasks/MyOffersTable.jsx
+6 -25
View File
@@ -50,9 +50,9 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
// }
};
// if ( !MyActiveOffersList || MyActiveOffersList?.result_list?.length == 0 ){
// return(''); // want blank or no appear when no items
// }
if ( !MyActiveOffersList || MyActiveOffersList?.result_list?.length == 0 ){
return(''); // want blank or no appear when no items
}
return (
<>
@@ -113,11 +113,9 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
</div>
<div className="slider-content">
<SliderCom settings={settings} selector={sellSlider}>
{ MyActiveOffersList.loading ?
<LoadingSpinner size={16} color='sky-blue' />
:
MyActiveOffersList?.data?.length > 0 ?
MyActiveOffersList.data.map((value, index) => (
{
MyActiveOffersList && MyActiveOffersList?.result_list?.length > 0 &&
MyActiveOffersList?.result_list?.map((value, index) => (
<div className="item" key={index}>
<div className="offer-slide-item flex flex-col justify-between items-center">
{/* title */}
@@ -155,23 +153,6 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
</div>
))
:
MyActiveOffersList.status ?
(
<div className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<div className="p-2">
No Tasks!
</div>
</div>
)
:
(
<div className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<p className="p-2">
Error Occurred! Unable to display Tasks!
</p>
</div>
)
}
src/views/MyTaskPage.jsx
+4 -4
View File
@@ -9,7 +9,7 @@ export default function MyTaskPage() {
const {jobListTable} = useSelector((state) => state.tableReload)
const [MyActiveJobList, setMyActiveJobList] = useState({loading: true, status:false, data:[]});
const [MyActiveOffersList, setMyActiveOffersList] = useState({loading: true, status:false, data:[]});
const [MyActiveOffersList, setMyActiveOffersList] = useState([]);
const api = new usersService();
const commonHeadData =()=>{
console.log("COMMON HEAD DATA ----------------=====---------------------");
@@ -26,12 +26,12 @@ export default function MyTaskPage() {
}
};
const getMyActiveOffersList = async () => {
setMyActiveOffersList({loading: true, status:false, data:[]});
// setMyActiveOffersList({loading: true, status:false, data:[]});
try {
const res = await api.getOffersList();
setMyActiveOffersList({loading: false, status:true, data:res.data.result_list});
setMyActiveOffersList(res.data);
} catch (error) {
setMyActiveOffersList({loading: false, status:false, data:[]});
// setMyActiveOffersList({loading: false, status:false, data:[]});
console.log("Error getting offers");
}
};