ahmed/arduino-parts-inventory
Archived
1
0
Fork 0
Code Activity

Hide transactions button if not logged in

Browse Source
This commit is contained in:
Ahmed Al-Taiar
2023-11-22 11:58:57 -05:00
parent c9946b3d33
commit fb78791be7
1 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/layouts/NavbarLayout/NavbarLayout.tsx
View File

@ -17,7 +17,7 @@ type NavBarLayoutProps = {
} }
const NavBarLayout = ({ children }: NavBarLayoutProps) => { const NavBarLayout = ({ children }: NavBarLayoutProps) => {
const { hasRole } = useAuth() const { hasRole, isAuthenticated } = useAuth()
const [basket] = useState(getBasket()) const [basket] = useState(getBasket())
return ( return (
@ -40,6 +40,7 @@ const NavBarLayout = ({ children }: NavBarLayoutProps) => {
</div> </div>
<div className="ml-auto justify-end space-x-3"> <div className="ml-auto justify-end space-x-3">
<ul className="relative hidden items-center space-x-3 lg:flex"> <ul className="relative hidden items-center space-x-3 lg:flex">
{isAuthenticated ? (
<li> <li>
<Link <Link
to={routes.userTransactions()} to={routes.userTransactions()}
@ -48,6 +49,9 @@ const NavBarLayout = ({ children }: NavBarLayoutProps) => {
Transactions Transactions
</Link> </Link>
</li> </li>
) : (
<></>
)}
</ul> </ul>
<ThemeToggle /> <ThemeToggle />
<Link <Link
@ -114,6 +118,7 @@ const NavBarLayout = ({ children }: NavBarLayoutProps) => {
<p className="font-inter text-base">Basket</p> <p className="font-inter text-base">Basket</p>
</Link> </Link>
</li> </li>
{isAuthenticated ? (
<li> <li>
<Link <Link
to={routes.userTransactions()} to={routes.userTransactions()}
@ -122,6 +127,9 @@ const NavBarLayout = ({ children }: NavBarLayoutProps) => {
<p className="font-inter text-base">Transactions</p> <p className="font-inter text-base">Transactions</p>
</Link> </Link>
</li> </li>
) : (
<></>
)}
</ul> </ul>
</div> </div>
</div> </div>