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>
     );