fixed edit reminder style issue

.gitignore

@@ -4,9 +4,6 @@
 /node_modules
 /.pnp
 .pnp.js
-# .pnp.cjs
-# .pnp.loader.mjs
-.yarn
 
 /.idea
 /.vscode

package.json

@@ -17,7 +17,6 @@
     "react-calendar": "^4.0.0",
     "react-chartjs-2": "^4.1.0",
     "react-countup": "^6.2.0",
-    "react-datepicker": "^4.10.0",
     "react-dom": "^18.0.0",
     "react-lottie": "^1.2.3",
     "react-redux": "^8.0.2",

src/components/Reminders/AddEditReminder.jsx

@@ -3,9 +3,6 @@ import Layout from '../Partials/Layout'
 import { Link, useNavigate, useLocation, useParams } from 'react-router-dom'
 
 // import { toast } from 'react-toastify';
-import DatePicker from "react-datepicker";
-
-import "react-datepicker/dist/react-datepicker.css";
 
 import InputCom from "../Helpers/Inputs/InputCom";
 import Calendar from 'react-calendar';
@@ -188,8 +185,7 @@ export default function AddEditReminder({ className }) {
                   value={''}
                 /> */}
                 <label className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5">Start Date</label>
-                {/* <Calendar onChange={setStartDate} value={reminder.start_date} calendarType="US" /> */}
-                <DatePicker selected={startDate} onChange={(date) => setStartDate(date)} value={reminder.start_date} />
+                <Calendar onChange={setStartDate} value={reminder.start_date} calendarType="US" />
               </div>
               <div className="field w-full">
                 {/* <InputCom
@@ -200,8 +196,7 @@ export default function AddEditReminder({ className }) {
                   value={''}
                 /> */}
                 <label className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5">End Date</label>
-                {/* <Calendar onChange={setEndDate} value={reminder.end_date} calendarType="US" /> */}
-                <DatePicker selected={endDate} onChange={(date) => setEndDate(date)} value={reminder.end_date} />
+                <Calendar onChange={setEndDate} value={reminder.end_date} calendarType="US" />
               </div>
             </div>
 

src/components/Reminders/ReminderTable.jsx

@@ -99,7 +99,7 @@ export default function ReminderTable({ className }) {
                       <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={(reminder.category!='')?localImgLoad(`images/${reminder.category}.png`):dataImage1}
+                            src={(reminder.category == null || reminder.category == '')? dataImage1: localImgLoad(`images/${reminder.category}.png`)}
                             alt="data"
                             className="w-full h-full"
                           />
@@ -138,7 +138,7 @@ export default function ReminderTable({ className }) {
                       </span>
                     </td>
                     <td className="text-right py-4 px-2">
-                    <Link to={`/add-reminder/${reminder.uuid}`} state={{reminder}} className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full">Edit</Link>
+                    <Link to={`/add-reminder/${reminder.uuid}`} state={{reminder}} className="text-sm text-white btn-gradient px-2.5 py-1.5 rounded-full">Edit</Link>
                     </td>
                       </tr>
                       ))
@@ -151,8 +151,8 @@ export default function ReminderTable({ className }) {
                     <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}
+                        <img
+                            src={(reminder.category == null || reminder.category == '')? dataImage1: localImgLoad(`images/${reminder.category}.png`)}
                             alt="data"
                             className="w-full h-full"
                           />
@@ -197,7 +197,7 @@ export default function ReminderTable({ className }) {
                       >
                         Edit
                       </button> */}
-                      <Link to={`/add-reminder/${reminder.uuid}`} state={{reminder}} className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full">Edit</Link>
+                      <Link to={`/add-reminder/${reminder.uuid}`} state={{reminder}} className="text-sm text-white btn-gradient px-2.5 py-1.5 rounded-full">Edit</Link>
                     </td>
                           </tr>
                         )