images centered

src/components/Cards/TrackItemCard.jsx

@@ -17,17 +17,17 @@ export default function TrackItemCard({ datas, hidden = false }) {
     }
   };
   return (
-    <div className="card-style-one flex flex-col justify-between w-full h-[220px] bg-white dark:bg-dark-white p-3 pb rounded-2xl cursor-pointer" onClick={()=>{navigate(`/track-action/${datas.widget}`, { replace: true })}}>
+    <div className="card-style-one flex flex-col justify-between w-full h-[190px] bg-white dark:bg-dark-white p-3 rounded-2xl cursor-pointer" onClick={()=>{navigate(`/track-action/${datas.widget}`, { replace: true })}}>
       <div className="content">
         {/* thumbnail */}
-        <div className="w-full h-40">
+        <div className="w-full h-32">
           {/* thumbnail image */}
           <div
             className="thumbnail w-full h-full rounded-xl overflow-hidden px-4 pt-4"
             style={{
               background: `url(${localImgLoad(
                 `images/${datas.thumbnil}`
-              )}) 0% 0% / cover no-repeat`,
+              )}) 0% 0% / 100% no-repeat`,
             }}
           >
             <div className="product-options flex justify-between relative">
@@ -76,12 +76,12 @@ export default function TrackItemCard({ datas, hidden = false }) {
           </div>
         </div>
         {/* user */}
-        <div className="user w-full text-center mt-3">
+        <div className="user w-full text-center">
 
           <p className="text-sm text-thin-light-gray dark:text-white">
             <Link
             to={`/track-action/${datas.widget}`}
-            className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1"
+            className="text-xl font-bold text-dark-gray dark:text-white capitalize line-clamp-1"
             >
             {datas.title}
             </Link>

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.category || '',
-    mode: location.state?.reminder.mode || ''
+    category: location.state?.reminder.code || '',
+    mode: location.state?.reminder.code || ''
   })
-  // 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 ? 'Update' : 'Add Reminder'}
+                {location.state?.reminder ? 'Edit' : 'Add Reminder'}
               </button>
             }
           </div>