src/components/MyPendingJobs/ParentWaitingTable.jsx

@@ -112,7 +112,7 @@ export default function ParentWaitingTable() {
                                             </p>
                                         </div>
                                     </div>
-                                    <div className="flex justify-start items-end px-2 gap-1">
+                                    <div className="min-w-[100px] flex justify-start items-end px-2 gap-1">
                                         <button
                                             type="button"
                                             className="p-1 border-2 border-red-400 rounded-md"

src/components/MyPendingJobs/SendReminderModal.jsx

@@ -7,7 +7,7 @@ import { useDispatch } from "react-redux";
 
 
 function SendReminderModal({ details, onClose, situation }) {
-
+  console.log('details',details)
   let dispatch = useDispatch();
   const navigate = useNavigate();
   const ApiCall = new usersService();
@@ -61,7 +61,7 @@ function SendReminderModal({ details, onClose, situation }) {
         </div>
         <div className="logout-modal-body w-full flex flex-col items-center p-8">
 
-        <div className="mb-6 w-full flex gap-4 items-start">
+        <div className="mb-6 w-full flex gap-4 items-center">
             <div className="icon max-w-[150px] min-w-[150px] max-h-[150px] min-h-[150px] flex justify-center items-center">
                 <img src={require(`../../assets/images/family/${details.banner || "default.jpg"}`)} alt="" className="w-full h-full" />
             </div>
@@ -73,27 +73,30 @@ function SendReminderModal({ details, onClose, situation }) {
                 <p className="text-sm mb-2 text-thin-light-gray font-medium">
                     {details.description}
                 </p>
+                {
+                  details.remind && 
                 <p className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1">
-                    Last Remind: 10-10-2025
+                    Last Remind: {new Date(details.remind).toLocaleString().split(',')[0]}
                 </p>
+                }
             </div>
         </div>
 
-          <div className="flex justify-between gap-4">
-            <button
+          <div className="w-full flex justify-end">
+            {/* <button
               onClick={onClose}
               type="button"
               className=" border-gradient text-18 tracking-wide px-4 py-3 rounded-full"
             >
               <span className="text-gradient">Cancel</span>
-            </button>
+            </button> */}
             {requestStatus.laoding ? (
               <LoadingSpinner size="8" color="sky-blue" />
             ) : (
               <button
                 onClick={() => sendReminder(details)}
                 type="button"
-                className="text-white primary-gradient text-18 tracking-wide px-4 py-3 rounded-full"
+                className="text-white bg-sky-blue text-18 tracking-wide px-4 py-3 rounded-full"
               >
                 Send Reminder
               </button>