shows active resources link when env variable is set to true/1

.env

@@ -17,4 +17,6 @@ REACT_APP_TRACKING="Tracking"
 REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
-REACT_APP_TRACKING_SHOW=1
+REACT_APP_TRACKING_SHOW=1
+
+REACT_APP_RESOURCES_SHOW=1

.env.development

@@ -18,3 +18,5 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=1
+
+REACT_APP_RESOURCES_SHOW=1

.env.production

@@ -18,3 +18,5 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=0
+
+REACT_APP_RESOURCES_SHOW=0

src/components/Partials/Sidebar.jsx

@@ -191,11 +191,14 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
+
+              {process.env.REACT_APP_RESOURCES_SHOW == 1 ? 
               <li className="item group">
                 <NavLink
                   to="/resources"
                   className={`nav-item flex items-center ${
-                    ((navData) => (navData.isActive ? "active" : ""),
+                    (
+                      (navData) => (navData.isActive ? "active" : ""),
                     sidebar ? "justify-start space-x-3.5" : "justify-center")
                   }`}
                 >
@@ -211,6 +214,9 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
+              :
+              null
+              }
           
               <li className="item group">
                 <NavLink

src/components/Reminders/ReminderTable.jsx

@@ -90,7 +90,7 @@ export default function ReminderTable({ className }) {
                 <td className="py-4 text-center">Reminder</td>
                 <td className="py-4 text-right">.</td>
               </tr>
-              <tr className="spacer"></tr>
+              <tr class="spacer"></tr>
             </>
           
                 {
@@ -99,7 +99,7 @@ export default function ReminderTable({ className }) {
                       userReminders[0].reminders.map((reminder, index) => (
                       <>
                         {/* <tr key={index} className="bg-white dark:bg-dark-white border border-light-purple dark:border-[#5356fb29]  hover:bg-gray-50"> */}
-                        <tr key={index} className="bg-light-purple dark:bg-black hover:bg-gray-50 transition-all duration-500">
+                        <tr key={index} className="even:bg-slate-100 odd:bg-gray-50 dark:bg-dark-white dark:odd:bg-black hover:bg-light-purple transition-all duration-500">
                             <td className="py-4 px-2 rounded-l-full">
                               <div className="flex space-x-2 items-center">
                                 <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
@@ -149,7 +149,7 @@ export default function ReminderTable({ className }) {
                             <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>
-                        <tr className="spacer"></tr>
+                        {/* <tr class="spacer"></tr> */}
                       </>
                       ))
                     )
@@ -159,7 +159,7 @@ export default function ReminderTable({ className }) {
                         return (
                           <>
                           {/* <tr key={index} className="bg-white dark:bg-dark-white border border-light-purple dark:border-[#5356fb29]  hover:bg-gray-50"> */}
-                          <tr key={index} className="bg-light-purple dark:bg-black hover:bg-gray-50 transition-all duration-500">
+                          <tr key={index} className="even:bg-slate-100 odd:bg-gray-50 dark:bg-dark-white dark:odd:bg-black hover:bg-light-purple transition-all duration-500">
                             <td className="py-4 px-2 rounded-l-full">
                               <div className="flex space-x-2 items-center">
                                 <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
@@ -212,7 +212,7 @@ export default function ReminderTable({ className }) {
                               <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>
-                          <tr className="spacer"></tr>
+                          {/* <tr class="spacer"></tr> */}
                           </>
                         )
                       }