made others interest table hidden if its empty

src/components/OffersInterest/ManageInterestOffer.jsx

@@ -105,8 +105,8 @@ export default function ManageInterestOffer(props) {
     useEffect(()=>{ //API to get Offer Interest message list
         let reqData = { // API PAYLOADS
             msg_type: 'MRKTINT',
-            offer_uid: props.offerDetails.offer_uid,
-            interest_uid: props.offerDetails.interest_uid
+            offer_uid: props.offerDetails?.offer_uid,
+            interest_uid: props.offerDetails?.interest_uid
         }
         setMessageList(prev => ({...prev, loading: true}))
         apiCall.offerInterestListMsg(reqData).then(res=>{
@@ -359,6 +359,7 @@ export default function ManageInterestOffer(props) {
                     {/* END OF manage offer section */}
                 </div>
 
+                {props.othersInterestedList?.data?.length ?
                 <div className="w-full overflow-x-auto">
                     {/* heading */}
                     <div className="sm:flex justify-between items-center mb-3">
@@ -370,6 +371,9 @@ export default function ManageInterestOffer(props) {
                     </div>
                     <OthersInterestedTable othersInterestedList={props.othersInterestedList} />
                 </div>
+                :
+                null
+                }
             </div>
         </Layout>
     );

src/components/OffersInterest/OffersInterestTable.jsx

@@ -107,19 +107,7 @@ export default function OffersInterestTable({offerInterestList, className}) {
                     :
                     (
                         <div className="font-bold text-center text-xl md:text-2xl lg:text-4xl text-dark-gray md:flex items-center justify-between">
-                            <div className="p-2 w-full md:w-1/2">
-                                <p className="mb-4 p-3 md:p-16">No Offer list avaliable.</p>
-                                <button
-                                    onClick={()=>{navigate('/market', {replace: true})}}
-                                    type="button"
-                                    className="text-white btn-gradient text-lg tracking-wide px-5 py-2 rounded-full"
-                                >
-                                    Goto Market
-                                </button>
-                            </div>
-                            <div className="p-2 w-full md:w-1/2">
-                                <img className='w-full' src={familyImage && familyImage} alt="Add Family" />
-                            </div>
+                            <p className="mb-4 p-3">No list avaliable.</p>
                         </div>
                     )
             }

src/components/Resources/index.jsx

@@ -13,7 +13,8 @@ import HiddenProductsTab from "./HiddenProductsTab";
 import OnSaleTab from "./OnSaleTab";
 import OwnTab from "./OwnTab";
 
-export default function Resources() {
+export default function Resources(props) {
+  console.log('RESOURCES=>',props);
   const onSaleProducts = marketPlace.data;
   const CreatedSell = marketPlace.data;
   const CreatedBits = products.datas;