diff options
Diffstat (limited to 'gui/src/components/layout/Sidebar.tsx')
| -rw-r--r-- | gui/src/components/layout/Sidebar.tsx | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/gui/src/components/layout/Sidebar.tsx b/gui/src/components/layout/Sidebar.tsx index c267e2f..bc11e48 100644 --- a/gui/src/components/layout/Sidebar.tsx +++ b/gui/src/components/layout/Sidebar.tsx @@ -7,16 +7,16 @@ import { ThemeSwitcher } from "@/styles/ThemeSwitcher"; function SlidingMenu() { const [_, navigate] = useLocation(); - const { api, unreadNotifications, setModal } = useLocalState((s) => ({ + const { api, unreadNotifications, setModal } = useLocalState((s) => ({ api: s.api, unreadNotifications: s.unreadNotifications, - setModal: s.setModal + setModal: s.setModal, })); - + function goto(to: string) { navigate(to); } - + function openNotifications() { // We'll create this component next import("../NotificationCenter").then(({ default: NotificationCenter }) => { @@ -30,11 +30,15 @@ function SlidingMenu() { <h3> Nostrill </h3> </div> <h3>Feeds</h3> - <div className="opt" role="link" onClick={() => goto(`/feed/global`)}> + <div className="opt" role="link" onClick={() => goto(`/f/global`)}> <Icon name="home" size={20} /> <div>Home</div> </div> - <div className="opt notification-item" role="link" onClick={openNotifications}> + <div + className="opt notification-item" + role="link" + onClick={openNotifications} + > <div className="notification-icon-wrapper"> <Icon name="bell" size={20} /> {unreadNotifications > 0 && ( @@ -50,7 +54,7 @@ function SlidingMenu() { <div className="opt tbd" role="link" - // onClick={() => goto("/chat")} + // onClick={() => setModal(<p>lmao</p>)} > <Icon name="messages" size={20} /> <div>Messages</div> @@ -63,7 +67,7 @@ function SlidingMenu() { <div className="opt" role="link" - onClick={() => goto(`/feed/${api!.airlock.our}`)} + onClick={() => goto(`/u/${api!.airlock.our}`)} > <Icon name="profile" size={20} /> <div>Profile</div> |
