mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-27 19:59:17 +03:00
Code Issues Projects Releases Packages Wiki Activity

Take care of unauth-ed cases

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-11 19:39:30 +08:00
parent 55d8908cf5
commit ef2f55457f
1 changed files with 33 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
src/components/menu.jsx
View file

@ -7,7 +7,7 @@ import Icon from './icon';
import Link from './link'; import Link from './link';
function NavMenu(props) { function NavMenu(props) {
const { instance } = api(); const { instance, authenticated } = api();
return ( return (
<Menu <Menu
portal={{ portal={{
@ -26,22 +26,26 @@ function NavMenu(props) {
<MenuLink to="/"> <MenuLink to="/">
<Icon icon="home" size="l" /> <span>Home</span> <Icon icon="home" size="l" /> <span>Home</span>
</MenuLink> </MenuLink>
<MenuLink to="/notifications"> {authenticated && (
<Icon icon="notification" size="l" /> <span>Notifications</span> <>
</MenuLink> <MenuLink to="/notifications">
<MenuDivider /> <Icon icon="notification" size="l" /> <span>Notifications</span>
<MenuLink to="/l"> </MenuLink>
<Icon icon="list" size="l" /> <span>Lists</span> <MenuDivider />
</MenuLink> <MenuLink to="/l">
<MenuLink to="/ft"> <Icon icon="list" size="l" /> <span>Lists</span>
<Icon icon="hashtag" size="l" /> <span>Followed Hashtags</span> </MenuLink>
</MenuLink> <MenuLink to="/ft">
<MenuLink to="/b"> <Icon icon="hashtag" size="l" /> <span>Followed Hashtags</span>
<Icon icon="bookmark" size="l" /> <span>Bookmarks</span> </MenuLink>
</MenuLink> <MenuLink to="/b">
<MenuLink to="/f"> <Icon icon="bookmark" size="l" /> <span>Bookmarks</span>
<Icon icon="heart" size="l" /> <span>Favourites</span> </MenuLink>
</MenuLink> <MenuLink to="/f">
<Icon icon="heart" size="l" /> <span>Favourites</span>
</MenuLink>
</>
)}
<MenuDivider /> <MenuDivider />
<MenuLink to={`/search`}> <MenuLink to={`/search`}>
<Icon icon="search" size="l" /> <span>Search</span> <Icon icon="search" size="l" /> <span>Search</span>
@ -52,14 +56,18 @@ function NavMenu(props) {
<MenuLink to={`/${instance}/p`}> <MenuLink to={`/${instance}/p`}>
<Icon icon="earth" size="l" /> <span>Federated</span> <Icon icon="earth" size="l" /> <span>Federated</span>
</MenuLink> </MenuLink>
<MenuDivider /> {authenticated && (
<MenuItem <>
onClick={() => { <MenuDivider />
states.showSettings = true; <MenuItem
}} onClick={() => {
> states.showSettings = true;
<Icon icon="gear" size="l" alt="Settings" /> <span>Settings</span> }}
</MenuItem> >
<Icon icon="gear" size="l" alt="Settings" /> <span>Settings</span>
</MenuItem>
</>
)}
</Menu> </Menu>
); );
} }