Reminders Starter

src/components/Partials/Sidebar.jsx

@@ -113,6 +113,29 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
+              <li className="item group">
+                <NavLink
+                  to="/active-bids"
+                  className={`nav-item flex items-center  ${
+                    ((navData) => (navData.isActive ? "active" : ""),
+                    sidebar ? "justify-start space-x-3.5" : "justify-center")
+                  }`}
+                >
+                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
+                    <Icons name="active-bids" />
+                  </span>
+                  <span
+                    className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
+                      sidebar ? "active flex-1" : "w-0"
+                    }`}
+                  >
+                   Reminders
+                    <span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white">
+                      19
+                    </span>
+                  </span>
+                </NavLink>
+              </li>
               <li className="item group">
                 <NavLink
                   to="/active-bids"