From 211dcef2a340b5fec1ca9c47ffafe8d60d89536d Mon Sep 17 00:00:00 2001
From: Chukwumdiebube <chukwumdiebubeojinta@gmail.com>
Date: Mon, 6 Mar 2023 13:03:34 +0100
Subject: [PATCH] added capability to hide

---
 .env                                      |  3 ++-
 .env.development                          |  1 +
 .env.production                           |  1 +
 src/components/Partials/MobileSideBar.jsx | 28 +++++++++++++----------
 src/components/Partials/Sidebar.jsx       | 15 +++++++-----
 5 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/.env b/.env
index 8a2ac07..5160c34 100755
--- a/.env
+++ b/.env
@@ -17,4 +17,5 @@ REACT_APP_TRACKING="Tracking"
 REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
-REACT_APP_TRACKING_SHOW=1
\ No newline at end of file
+REACT_APP_TRACKING_SHOW=1
+REACT_APP_HISTORY_SHOW=1
\ No newline at end of file
diff --git a/.env.development b/.env.development
index 6e7f41d..20296af 100644
--- a/.env.development
+++ b/.env.development
@@ -18,3 +18,4 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=1
+REACT_APP_HISTORY_SHOW=1
diff --git a/.env.production b/.env.production
index f87d2cf..df6bf21 100644
--- a/.env.production
+++ b/.env.production
@@ -18,3 +18,4 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=0
+REACT_APP_HISTORY_SHOW=0
\ No newline at end of file
diff --git a/src/components/Partials/MobileSideBar.jsx b/src/components/Partials/MobileSideBar.jsx
index 57c2cb2..c5c5d37 100755
--- a/src/components/Partials/MobileSideBar.jsx
+++ b/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="active-bids" />
+                    <Icons name="reminder" />
                   </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,26 +102,28 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              <li className="item group">
+              {process.env.REACT_APP_TRACKING_SHOW ? 
+              (<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="market" />
+                    <Icons name="tracking" />
                   </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="wallet-two" />
+                    <Icons name="calendar" />
                   </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
@@ -134,26 +136,28 @@ 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="star" />
+                    <Icons name="resources" />
                   </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>
-              <li className="item group">
+              {process.env.REACT_APP_HISTORY_SHOW ?
+              (<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">
-                    History
+                    {process.env.REACT_APP_HISTORY}
                   </span>
                 </NavLink>
-              </li>
+                </li>)
+                 : ''}
             </ul>
           </div>
         </div>
@@ -169,7 +173,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="people-two" />
+                    <Icons name="profile" />
                   </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
@@ -182,7 +186,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="setting" />
+                    <Icons name="settings" />
                   </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
diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx
index 2aabfac..99f79ac 100755
--- a/src/components/Partials/Sidebar.jsx
+++ b/src/components/Partials/Sidebar.jsx
@@ -151,7 +151,8 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              <li className="item group">
+              {process.env.REACT_APP_TRACKING_SHOW ?
+              (<li className="item group">
                 <NavLink
                   to="/tracking"
                   className={`nav-item flex items-center  ${
@@ -170,7 +171,8 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                    {process.env.REACT_APP_TRACKING}
                   </span>
                 </NavLink>
-              </li>
+              </li>)
+               : ''}
               <li className="item group">
                 <NavLink
                   to="/calendar"
@@ -211,8 +213,8 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-          
-              <li className="item group">
+              {process.env.REACT_APP_HISTORY_SHOW ?
+              (<li className="item group">
                 <NavLink
                   to="/history"
                   className={`nav-item flex items-center ${
@@ -228,10 +230,11 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                    History
+                    {process.env.REACT_APP_HISTORY}
                   </span>
                 </NavLink>
-              </li>
+              </li>)
+               : ''}
             </ul>
           </div>
         </div>