reverted offerlist to display only when there is offer

src/components/MyTasks/MyOffersTable.jsx

@@ -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

@@ -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");
         }
     };