diff --git a/src/components/Reminders/ReminderTable.jsx b/src/components/Reminders/ReminderTable.jsx
index 25a110a..c438ebe 100755
--- a/src/components/Reminders/ReminderTable.jsx
+++ b/src/components/Reminders/ReminderTable.jsx
@@ -1,11 +1,13 @@
 import React, { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
 import dataImage1 from "../../assets/images/data-table-user-1.png";
 import usersService from "../../services/UsersService";
 import SelectBox from "../Helpers/SelectBox";
 
+
 export default function ReminderTable({ className }) {
   const [userReminders, setUserReminders] = useState([]);
-
+  const filterCategories = ["All Categories", "Appointments","Exercise/Gym", "Medication"];
   const api = new usersService();
   useEffect(() => {
     getUserReminders();
@@ -14,16 +16,13 @@ export default function ReminderTable({ className }) {
   const getUserReminders = async () => {
     try {
       const res = await api.getUserReminders();
-     
       setUserReminders(res.data.reminders);
-      console.log("res", res);
       
     } catch (error) {
       console.log("Error from User Reminders", error);
     }
   };
 
-  const filterCategories = ["All Categories", "Doctors Visit", "Medications"];
   const [selectedCategory, setCategory] = useState(filterCategories[0]);
   return (
     <div
@@ -44,282 +43,313 @@ export default function ReminderTable({ className }) {
           contentBodyClasses="w-auto min-w-max"
         />
       </div>
-      <div className="relative w-full overflow-x-auto sm:rounded-lg">
-        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
-          <tbody>
-            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
-              <td className="py-4">Item</td>
-              <td className="py-4 text-center">Start</td>
-              <td className="py-4 text-center">End</td>
-              <td className="py-4 text-center">Reminder</td>
-              <td className="py-4 text-right">.</td>
-            </tr>
+      {userReminders.map((reminders, index) =>{
+        if (userReminders.length < 1 ) {
+          return(
+            <div  className="lg:flex justify-center">
+              <div style={{ transform: 'translateY(150px)' }}>
+                <Link
+                  to="/add-reminder"
+                  className="btn-gradient lg:flex hidden w-[300px] h-[50px] rounded-full text-white justify-center items-center"
+                >
+                  0 Reminders Start Reminder
+                </Link>
+              </div>
+          </div>
+          )} else{
+            return (
+              <div className="relative w-full overflow-x-auto sm:rounded-lg">
+              <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
+                <tbody>
+                  <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
+                    <td className="py-4">Item</td>
+                    <td className="py-4 text-center">Start</td>
+                    <td className="py-4 text-center">End</td>
+                    <td className="py-4 text-center">Reminder</td>
+                    <td className="py-4 text-right">.</td>
+                  </tr>
+      
+                  {selectedCategory === "All Categories" ? (
+      
+                    <>
+                     {userReminders.map((reminders, index) => ( 
+      
+                      <tr key={reminders.id} className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                        <td className=" py-4">
+                          <div className="flex space-x-2 items-center">
+                            <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                              <img
+                                src={dataImage1}
+                                alt="data"
+                                className="w-full h-full"
+                              />
+                            </div>
+                            <div className="flex flex-col">
+                              <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                              {reminders.description.substring(0,30) + "..."}
+                              </h1>
+                              <span className="text-sm text-thin-light-gray">
+                              
+                                Added <span className="text-purple">{new Date(reminders.added).toLocaleString()}</span>
+                              </span>
+                            </div>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                 
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                            {new Date(reminders.start_date).toLocaleString()}
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                            {new Date(reminders.end_date).toLocaleString()}
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <span className="text-base text-thin-light-gray whitespace-nowrap">
+                           {reminders.reminder}
+                          </span>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <button
+                            type="button"
+                            className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                          >
+                            Edit
+                          </button>
+                        </td>
+                      </tr>
+                    ))}
+                      
+                    </>
+                  
+                  ) : selectedCategory === "Doctors Visit" ? (
+                    <>
+                      <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                        <td className=" py-4">
+                          <div className="flex space-x-2 items-center">
+                            <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                              <img
+                                src={dataImage1}
+                                alt="data"
+                                className="w-full h-full"
+                              />
+                            </div>
+                            <div className="flex flex-col">
+                              <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                                Doctors Testing Appointament
+                              </h1>
+                              <span className="text-sm text-thin-light-gray">
+                                Added <span className="text-purple">10-10-2025</span>
+                              </span>
+                            </div>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                 
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                              12-01-25 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                            12-01-28 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <span className="text-base text-thin-light-gray whitespace-nowrap">
+                           4
+                          </span>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <button
+                            type="button"
+                            className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                          >
+                            Edit
+                          </button>
+                        </td>
+                      </tr>
+                      <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                        <td className=" py-4">
+                          <div className="flex space-x-2 items-center">
+                            <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                              <img
+                                src={dataImage1}
+                                alt="data"
+                                className="w-full h-full"
+                              />
+                            </div>
+                            <div className="flex flex-col">
+                              <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                                Hospital Testing Appointament
+                              </h1>
+                              <span className="text-sm text-thin-light-gray">
+                                Added <span className="text-purple">10-10-2025</span>
+                              </span>
+                            </div>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                 
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                              12-01-25 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                            12-01-28 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <span className="text-base text-thin-light-gray whitespace-nowrap">
+                           4
+                          </span>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <button
+                            type="button"
+                            className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                          >
+                            Edit
+                          </button>
+                        </td>
+                      </tr>
+                    </>
+                  ) : (
+                    <>
+                      <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                        <td className=" py-4">
+                          <div className="flex space-x-2 items-center">
+                            <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                              <img
+                                src={dataImage1}
+                                alt="data"
+                                className="w-full h-full"
+                              />
+                            </div>
+                            <div className="flex flex-col">
+                              <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                                Pizza Testing Appointament
+                              </h1>
+                              <span className="text-sm text-thin-light-gray">
+                                Added <span className="text-purple">10-10-2025</span>
+                              </span>
+                            </div>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                 
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                              12-01-25 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                            12-01-28 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <span className="text-base text-thin-light-gray whitespace-nowrap">
+                           4
+                          </span>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <button
+                            type="button"
+                            className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                          >
+                            Edit
+                          </button>
+                        </td>
+                      </tr>
+                      <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                        <td className=" py-4">
+                          <div className="flex space-x-2 items-center">
+                            <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                              <img
+                                src={dataImage1}
+                                alt="data"
+                                className="w-full h-full"
+                              />
+                            </div>
+                            <div className="flex flex-col">
+                              <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                                Pizza Testing Appointament
+                              </h1>
+                              <span className="text-sm text-thin-light-gray">
+                                Added <span className="text-purple">10-10-2025</span>
+                              </span>
+                            </div>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                 
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                              12-01-25 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-center py-4 px-2">
+                          <div className="flex space-x-1 items-center justify-center">
+                            <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                            12-01-28 : 6:30 PM
+                            </span>
+                          </div>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <span className="text-base text-thin-light-gray whitespace-nowrap">
+                           4
+                          </span>
+                        </td>
+                        <td className="text-right py-4 px-2">
+                          <button
+                            type="button"
+                            className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                          >
+                            Edit
+                          </button>
+                        </td>
+                      </tr>
+                    </>
+                  )}
+                </tbody>
+              </table>
+            </div>
 
-            {selectedCategory === "All Categories" ? (
+            )
+           
+    
 
-              <>
-               {userReminders.map((reminders, index) => ( 
+          }
+      })} 
+      
+         
+        
+        
+           
+             
 
-                <tr key={reminders.id} className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                  <td className=" py-4">
-                    <div className="flex space-x-2 items-center">
-                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
-                        <img
-                          src={dataImage1}
-                          alt="data"
-                          className="w-full h-full"
-                        />
-                      </div>
-                      <div className="flex flex-col">
-                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
-                        {reminders.description}
-                        </h1>
-                        <span className="text-sm text-thin-light-gray">
-                        
-                          Added <span className="text-purple">{new Date(reminders.added).toLocaleString()}</span>
-                        </span>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-           
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      {new Date(reminders.start_date).toLocaleString()}
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      {new Date(reminders.end_date).toLocaleString()}
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <span className="text-base text-thin-light-gray whitespace-nowrap">
-                     {reminders.reminder}
-                    </span>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <button
-                      type="button"
-                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
-                    >
-                      Edit
-                    </button>
-                  </td>
-                </tr>
-              ))}
-                
-              </>
-            
-            ) : selectedCategory === "Doctors Visit" ? (
-              <>
-                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                  <td className=" py-4">
-                    <div className="flex space-x-2 items-center">
-                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
-                        <img
-                          src={dataImage1}
-                          alt="data"
-                          className="w-full h-full"
-                        />
-                      </div>
-                      <div className="flex flex-col">
-                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
-                          Doctors Testing Appointament
-                        </h1>
-                        <span className="text-sm text-thin-light-gray">
-                          Added <span className="text-purple">10-10-2025</span>
-                        </span>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-           
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        12-01-25 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      12-01-28 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <span className="text-base text-thin-light-gray whitespace-nowrap">
-                     4
-                    </span>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <button
-                      type="button"
-                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
-                    >
-                      Edit
-                    </button>
-                  </td>
-                </tr>
-                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                  <td className=" py-4">
-                    <div className="flex space-x-2 items-center">
-                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
-                        <img
-                          src={dataImage1}
-                          alt="data"
-                          className="w-full h-full"
-                        />
-                      </div>
-                      <div className="flex flex-col">
-                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
-                          Hospital Testing Appointament
-                        </h1>
-                        <span className="text-sm text-thin-light-gray">
-                          Added <span className="text-purple">10-10-2025</span>
-                        </span>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-           
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        12-01-25 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      12-01-28 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <span className="text-base text-thin-light-gray whitespace-nowrap">
-                     4
-                    </span>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <button
-                      type="button"
-                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
-                    >
-                      Edit
-                    </button>
-                  </td>
-                </tr>
-              </>
-            ) : (
-              <>
-                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                  <td className=" py-4">
-                    <div className="flex space-x-2 items-center">
-                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
-                        <img
-                          src={dataImage1}
-                          alt="data"
-                          className="w-full h-full"
-                        />
-                      </div>
-                      <div className="flex flex-col">
-                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
-                          Pizza Testing Appointament
-                        </h1>
-                        <span className="text-sm text-thin-light-gray">
-                          Added <span className="text-purple">10-10-2025</span>
-                        </span>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-           
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        12-01-25 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      12-01-28 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <span className="text-base text-thin-light-gray whitespace-nowrap">
-                     4
-                    </span>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <button
-                      type="button"
-                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
-                    >
-                      Edit
-                    </button>
-                  </td>
-                </tr>
-                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                  <td className=" py-4">
-                    <div className="flex space-x-2 items-center">
-                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
-                        <img
-                          src={dataImage1}
-                          alt="data"
-                          className="w-full h-full"
-                        />
-                      </div>
-                      <div className="flex flex-col">
-                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
-                          Pizza Testing Appointament
-                        </h1>
-                        <span className="text-sm text-thin-light-gray">
-                          Added <span className="text-purple">10-10-2025</span>
-                        </span>
-                      </div>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-           
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        12-01-25 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-center py-4 px-2">
-                    <div className="flex space-x-1 items-center justify-center">
-                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      12-01-28 : 6:30 PM
-                      </span>
-                    </div>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <span className="text-base text-thin-light-gray whitespace-nowrap">
-                     4
-                    </span>
-                  </td>
-                  <td className="text-right py-4 px-2">
-                    <button
-                      type="button"
-                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
-                    >
-                      Edit
-                    </button>
-                  </td>
-                </tr>
-              </>
-            )}
-          </tbody>
-        </table>
-      </div>
+
+      
     </div>
   );
 }