Take care of unauth-ed cases

This commit is contained in:
Lim Chee Aun 2023-02-11 19:39:30 +08:00
parent 55d8908cf5
commit ef2f55457f

View file

@ -7,7 +7,7 @@ import Icon from './icon';
import Link from './link';
function NavMenu(props) {
const { instance } = api();
const { instance, authenticated } = api();
return (
<Menu
portal={{
@ -26,6 +26,8 @@ function NavMenu(props) {
<MenuLink to="/">
<Icon icon="home" size="l" /> <span>Home</span>
</MenuLink>
{authenticated && (
<>
<MenuLink to="/notifications">
<Icon icon="notification" size="l" /> <span>Notifications</span>
</MenuLink>
@ -42,6 +44,8 @@ function NavMenu(props) {
<MenuLink to="/f">
<Icon icon="heart" size="l" /> <span>Favourites</span>
</MenuLink>
</>
)}
<MenuDivider />
<MenuLink to={`/search`}>
<Icon icon="search" size="l" /> <span>Search</span>
@ -52,6 +56,8 @@ function NavMenu(props) {
<MenuLink to={`/${instance}/p`}>
<Icon icon="earth" size="l" /> <span>Federated</span>
</MenuLink>
{authenticated && (
<>
<MenuDivider />
<MenuItem
onClick={() => {
@ -60,6 +66,8 @@ function NavMenu(props) {
>
<Icon icon="gear" size="l" alt="Settings" /> <span>Settings</span>
</MenuItem>
</>
)}
</Menu>
);
}