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

.env

@@ -18,4 +18,5 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=1
-# REACT_APP_HISTORY_SHOW=1
+
+REACT_APP_RESOURCES_SHOW=1

.env.development

@@ -18,4 +18,5 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=1
-# REACT_APP_HISTORY_SHOW=1
+
+REACT_APP_RESOURCES_SHOW=1

.env.production

@@ -18,4 +18,5 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=0
-# REACT_APP_HISTORY_SHOW=0                                
+
+REACT_APP_RESOURCES_SHOW=0

src/components/Partials/MobileSideBar.jsx

@@ -92,7 +92,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   className="nav-item flex items-center justify-start space-x-3.5"
                 >
                   <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">
-                    <Icons name="reminder" />
+                    <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 active flex-1">
                     Reminders
@@ -102,28 +102,26 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              {process.env.REACT_APP_TRACKING_SHOW ? 
+              <li className="item group">
-              (<li className="item group">
                 <NavLink
                   to="/tracking"
                   className="nav-item flex items-center justify-start space-x-3.5"
                 >
                   <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">
-                    <Icons name="tracking" />
+                    <Icons name="market" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
                     {process.env.REACT_APP_TRACKING}
                   </span>
                 </NavLink>
-              </li>)
+              </li>
-              : ''}
               <li className="item group">
                 <NavLink
                   to="/calendar"
                   className="nav-item flex items-center justify-start space-x-3.5"
                 >
                   <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">
-                    <Icons name="calendar" />
+                    <Icons name="wallet-two" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
                     Calendar
@@ -136,28 +134,26 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   className="nav-item flex items-center justify-start space-x-3.5"
                 >
                   <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">
-                    <Icons name="resources" />
+                    <Icons name="star" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
                     {process.env.REACT_APP_RESOURCES}
                   </span>
                 </NavLink>
               </li>
-              {process.env.REACT_APP_HISTORY_SHOW ?
+              <li className="item group">
-              (<li className="item group">
                 <NavLink
                   to="/history"
                   className="nav-item flex items-center justify-start space-x-3.5"
                 >
                   <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">
-                    <Icons name="History" />
+                    <Icons name="history" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    {process.env.REACT_APP_HISTORY}
+                    History
                   </span>
                 </NavLink>
-                </li>)
+              </li>
-                 : ''}
             </ul>
           </div>
         </div>
@@ -173,7 +169,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   className="nav-item flex items-center justify-start space-x-3.5"
                 >
                   <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">
-                    <Icons name="profile" />
+                    <Icons name="people-two" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
                     My Profile
@@ -186,7 +182,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   className="nav-item flex items-center justify-start space-x-3.5"
                 >
                   <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">
-                    <Icons name="settings" />
+                    <Icons name="setting" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
                     Settings

src/components/Partials/Sidebar.jsx

@@ -151,8 +151,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              {process.env.REACT_APP_TRACKING_SHOW ?
+              <li className="item group">
-              (<li className="item group">
                 <NavLink
                   to="/tracking"
                   className={`nav-item flex items-center  ${
@@ -171,8 +170,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                    {process.env.REACT_APP_TRACKING}
                   </span>
                 </NavLink>
-              </li>)
+              </li>
-               : ''}
               <li className="item group">
                 <NavLink
                   to="/calendar"
@@ -193,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")
                   }`}
                 >
@@ -213,8 +214,11 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              {process.env.REACT_APP_HISTORY_SHOW ?
+              :
-              (<li className="item group">
+              null
+              }
+          
+              <li className="item group">
                 <NavLink
                   to="/history"
                   className={`nav-item flex items-center ${
@@ -230,11 +234,10 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                    {process.env.REACT_APP_HISTORY}
+                    History
                   </span>
                 </NavLink>
-              </li>)
+              </li>
-               : ''}
             </ul>
           </div>
         </div>