diff --git a/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx b/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx index d33e90b200..9299b675bc 100644 --- a/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx +++ b/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx @@ -17,6 +17,8 @@ import { faTrophy, faBookOpen, faFilms, + faUser, + faSignOutAlt, } from "@fortawesome/pro-solid-svg-icons"; import { Button } from "components/common"; import SearchBar from "components/common/SearchBar"; @@ -34,6 +36,7 @@ import { Website } from "@storyteller/components/src/env/GetWebsite"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faDiscord } from "@fortawesome/free-brands-svg-icons"; import { GetDiscordLink } from "@storyteller/components/src/env/GetDiscordLink"; +import { WebUrl } from "common/WebUrl"; interface TopNavProps { sessionWrapper: SessionWrapper; @@ -228,6 +231,92 @@ export default function TopNav({ } }; + let userOrLoginButton = ( + <> +