job list page filtered to display only jobs with job mode of general

src/components/FamilyAcc/Tabs/FamilyWaitlist.jsx

@@ -73,7 +73,7 @@ const FamilyWaitlist = memo(
                           className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50"
                           key={value.uid}
                         >
-                          <td className="px-2 py-4">
+                          <td className="py-4">
                             <div className="w-full flex justify-between items-center">
                               <div className="account-name flex space-x-4 items-center">
                                 <div className="icon w-14 h-14 flex justify-center items-center">
@@ -92,40 +92,23 @@ const FamilyWaitlist = memo(
                                   </p>
                                 </div>
                               </div>
-                              {/* <div className="px-2 flex flex-col items-center justify-center">
-                                <p className="text-sm font-bold text-dark-gray dark:text-white">
+                              <div className="px-2 flex flex-col items-center justify-center">
+                                {/* <p className="text-sm font-bold text-dark-gray dark:text-white">
                                   {addedDate}
-                                </p>
+                                </p> */}
                                 <p className="text-xs py-1.5 w-[70px] cursor-default tracking-wide rounded-full bg-gold text-white flex justify-center items-center">
                                   {value.status_text}
                                 </p>
-                              </div> */}
+                              </div>
                             </div>
                           </td>
-                          <td className="text-right px-2 py-4">
-                            <div className='w-full flex justify-end items-center gap-4'>
-                              <p className="text-xs py-1.5 w-[70px] cursor-default tracking-wide rounded-full bg-gold text-white flex justify-center items-center">
-                                {value.status_text}
-                              </p>
-                              <button
-                                onClick={() => openPopUp(value)}
-                                className="w-12 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
-                              >
-                                <svg
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  viewBox="0 0 11 20"
-                                  id="Arrow"
-                                  className="w-[0.7rem]"
-                                >
-                                  <path
-                                    fillRule="evenodd"
-                                    d="M.366 19.708c.405.39 1.06.39 1.464 0l8.563-8.264a1.95 1.95 0 0 0 0-2.827L1.768.292A1.063 1.063 0 0 0 .314.282a.976.976 0 0 0-.011 1.425l7.894 7.617a.975.975 0 0 1 0 1.414L.366 18.295a.974.974 0 0 0 0 1.413"
-                                    // fill=""
-                                    className="color000000 svgShape fill-[#fff]"
-                                  ></path>
-                                </svg>
-                              </button>
-                            </div>
+                          <td className="text-right py-4 px-2">
+                            <button
+                              onClick={() => openPopUp(value)}
+                              className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
+                            >
+                              View
+                            </button>
                           </td>
                         </tr>
                       );

src/components/MyJobs/MyJobTable.jsx

@@ -104,7 +104,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
       );
   };
 
-  const currentJobList = filterJobList();
+  const currentJobList = filterJobList()?.filter(item => item?.job_mode == 'GENERAL'); // Show only jobs with job mode of GENERAL
 
   // Handling Filter Pagination
   const filteredCurrentJobList = currentJobList?.slice(
@@ -358,13 +358,14 @@ function myJobTableFeatures(
             {MyJobList?.data?.result_list?.length > 0 ? (
               filteredCurrentJobList.length > 0 ? (
                 filteredCurrentJobList.map((value, index) => (
-                  <JobListItem
-                    key={index}
-                    index={index}
-                    value={value}
-                    image_server={MyJobList.data.session_image_server}
-                  />
-                ))
+                      <JobListItem
+                        key={index}
+                        index={index}
+                        value={value}
+                        image_server={MyJobList.data.session_image_server}
+                      />
+                    )
+                )
               ) : (
                 <NoJobsRow text="No Jobs Available In This Category!" />
               )