diff --git a/packages/app/src/Pages/Layout/NavSidebar.tsx b/packages/app/src/Pages/Layout/NavSidebar.tsx index 0b360651..32b85ae7 100644 --- a/packages/app/src/Pages/Layout/NavSidebar.tsx +++ b/packages/app/src/Pages/Layout/NavSidebar.tsx @@ -1,17 +1,19 @@ import { LogoHeader } from "./LogoHeader"; -import { Link } from "react-router-dom"; +import {Link, useNavigate} from "react-router-dom"; import Icon from "@/Icons/Icon"; import {ProfileLink} from "../../Element/User/ProfileLink"; import Avatar from "../../Element/User/Avatar"; import useLogin from "../../Hooks/useLogin"; import {useUserProfile} from "@snort/system-react"; import {NoteCreatorButton} from "../../Element/Event/NoteCreatorButton"; +import {FormattedMessage} from "react-intl"; const MENU_ITEMS = [ { label: "Home", icon: "home", link: "/", + nonLoggedIn: true, }, { label: "Messages", @@ -38,25 +40,42 @@ export default function NavSidebar() { readonly: s.readonly, })); const profile = useUserProfile(publicKey); + const navigate = useNavigate(); return (
- {MENU_ITEMS.map(item => ( - - - {item.label} - - ))} -
- -
+ {MENU_ITEMS.map(item => { + if (!item.nonLoggedIn && !publicKey) { + return ''; + } + return ( + + + {item.label} + + ); + })} + {publicKey ? ( +
+ +
+ ) : ( +
+ +
+ )}
{publicKey ? ( diff --git a/packages/app/src/icons.svg b/packages/app/src/icons.svg index c6093943..4ed62511 100644 --- a/packages/app/src/icons.svg +++ b/packages/app/src/icons.svg @@ -392,5 +392,8 @@ + + + \ No newline at end of file