changed edit btn name to update. category, mode now prefilled from edit reminder link

src/components/Calendar/CalendarTable.jsx

@@ -14,7 +14,7 @@ export default function CalendarTable({ className }) {
 
   return (
     <div
-      className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow min-h-[800px] ${
+      className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow min-h-[620px] ${
         className || ""
       }`}
     >

src/components/Reminders/AddEditReminder.jsx

@@ -36,10 +36,10 @@ export default function AddEditReminder({ className }) {
     'member_id': localStorage.getItem('member_id'),
     description: location.state?.reminder.description || '',
     notes: location.state?.reminder.notes || '',
-    category: location.state?.reminder.code || '',
+    category: location.state?.reminder.category || '',
-    mode: location.state?.reminder.code || ''
+    mode: location.state?.reminder.mode || ''
   })
-  
+  // console.log(reminder)
   const onReminderInputChange = ({target:{name,value}}) => { //function to run when user changes any input on the add reminder page
     setReminder(prev=>(
       {...prev, [name]:value}
@@ -267,7 +267,7 @@ export default function AddEditReminder({ className }) {
                 className="w-[152px] h-[46px] flex justify-center items-center btn-gradient text-base rounded-full text-white"
                 onClick={handleAddReminder}
               >
-                {location.state?.reminder ? 'Edit' : 'Add Reminder'}
+                {location.state?.reminder ? 'Update' : 'Add Reminder'}
               </button>
             }
           </div>

src/index.css

@@ -684,7 +684,6 @@ TODO: Responsive ===========================
   width: 100%;
   min-height: 23.2rem;
   border-radius: 7px !important;
-  @apply border border-pink !important;
 }
 
 .dark .react-calendar{
@@ -700,13 +699,9 @@ TODO: Responsive ===========================
 .react-calendar__navigation{
   margin-top: 2px;
   margin-inline: 2px;
-  @apply text-pink !important;
 }
 
-.react-calendar__tile--active{color: #fff; font-weight: bold;
+.react-calendar__tile--active{color: #fff; font-weight: bold; background-color: #006edc;}
-  /* background-color: #006edc; */
-  @apply bg-pink;
-}
 .dark .react-calendar__tile--active{color: #fff;}
 
 .react-calendar__navigation button:enabled:hover,
@@ -722,16 +717,14 @@ TODO: Responsive ===========================
 .react-calendar__month-view__weekdays__weekday abbr:where([title]){
   text-decoration: none !important;
   cursor: default;
-  @apply text-pink !important;
 }
 
 .react-calendar__tile{
   border: 1px solid #cfd7e3 !important;
   border-left: 0;
   text-align: right;
-  height: 6.813rem !important;
+  height: 4.813rem !important;
   transition: all 500ms;
-  /* @apply border border-pink !important; */
 }
 
 .dark .react-calendar__tile{background: #11131F;}