From 6c141ef756da4aa8d0a9a15b50666e418e88b5a4 Mon Sep 17 00:00:00 2001
From: gregory1996 <grigoriskatrakazas@gmail.com>
Date: Wed, 3 Apr 2024 12:43:23 +0300
Subject: [PATCH] Hide duplicate nav items from sidebar on mobile, already in
 bottom bar

---
 src/components/Sidebar.js | 42 +++++++++++++++++++++++----------------
 tailwind.config.js        |  1 -
 2 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index 2cdb82213..c52aad38c 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -18,7 +18,7 @@ const NavItem = ({
 	return (
 		<li
 			onClick={() => handleNavigate(path)}
-			className={`cursor-pointer flex items-center space-x-2 mb-4 p-2 rounded-r-xl ${location.pathname === path ? 'min481:bg-white min481:text-custom-blue' : 'nav-item-animate-hover'}`}
+			className={`cursor-pointer flex items-center space-x-2 mb-4 p-2 rounded-r-xl ${location.pathname === path ? 'bg-white text-custom-blue' : 'nav-item-animate-hover'}`}
 		>
 			{children}
 		</li>
@@ -108,22 +108,30 @@ const Sidebar = ({ isOpen, toggle }) => {
 						<hr className="my-4 border-t border-white/20" />
 
 						{/* Nav Menu */}
-						<NavItem path="/" location={location} handleNavigate={handleNavigate}>
-							<FaWallet size={30} />
-							<span>{t("common.navItemCredentials")}</span>
-						</NavItem>
-						<NavItem path="/history" location={location} handleNavigate={handleNavigate}>
-							<IoIosTime size={30} />
-							<span>{t("common.navItemHistory")}</span>
-						</NavItem>
-						<NavItem path="/add" location={location} handleNavigate={handleNavigate}>
-							<IoIosAddCircle size={30} />
-							<span>{t("common.navItemAddCredentials")}</span>
-						</NavItem>
-						<NavItem path="/send" location={location} handleNavigate={handleNavigate}>
-							<IoIosSend size={30} />
-							<span>{t("common.navItemSendCredentials")}</span>
-						</NavItem>
+						<div className='max480:hidden'>
+							<NavItem path="/" location={location} handleNavigate={handleNavigate}>
+								<FaWallet size={30} />
+								<span>{t("common.navItemCredentials")}</span>
+							</NavItem>
+						</div>
+						<div className='max480:hidden'>
+							<NavItem path="/history" location={location} handleNavigate={handleNavigate}>
+								<IoIosTime size={30} />
+								<span>{t("common.navItemHistory")}</span>
+							</NavItem>
+						</div>
+						<div className='max480:hidden'>
+							<NavItem path="/add" location={location} handleNavigate={handleNavigate}>
+								<IoIosAddCircle size={30} />
+								<span>{t("common.navItemAddCredentials")}</span>
+							</NavItem>
+						</div>
+						<div className='max480:hidden'>
+							<NavItem path="/send" location={location} handleNavigate={handleNavigate}>
+								<IoIosSend size={30} />
+								<span>{t("common.navItemSendCredentials")}</span>
+							</NavItem>
+						</div>
 						<NavItem path="/settings" location={location} handleNavigate={handleNavigate}>
 							<IoMdSettings size={30} />
 							<span>{t("common.navItemSettings")}</span>
diff --git a/tailwind.config.js b/tailwind.config.js
index cb8ba5318..38169285c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,7 +17,6 @@ module.exports = {
 			},
 			screens: {
 				'max480': { 'max': '480px' },
-				'min481': { 'min': '481px' },
 			}
 		},
 	},