diff --git a/fakeyou/src/common/FrontendUrlConfig.ts b/fakeyou/src/common/FrontendUrlConfig.ts index aef671d75e..e675898dd1 100644 --- a/fakeyou/src/common/FrontendUrlConfig.ts +++ b/fakeyou/src/common/FrontendUrlConfig.ts @@ -2,10 +2,22 @@ /** Centralize URL configurations (apart from bindings) */ class FrontendUrlConfig { + // Main + static indexPage() : string { return '/'; } + // Standalone pages + + static aboutUsPage() : string { + return '/about'; + } + + static patronsPage() : string { + return '/patrons'; + } + // TTS model links static ttsModelPage(modelToken: string) : string { @@ -94,12 +106,6 @@ class FrontendUrlConfig { return '/category/create'; } - // Patrons - - static patronsPage() : string { - return '/patrons'; - } - // Moderation links static moderationMain() : string { diff --git a/fakeyou/src/v2/view/NewTopNavFc.tsx b/fakeyou/src/v2/view/NewTopNavFc.tsx index 5f1f4269c7..fd44f57737 100644 --- a/fakeyou/src/v2/view/NewTopNavFc.tsx +++ b/fakeyou/src/v2/view/NewTopNavFc.tsx @@ -3,6 +3,9 @@ import { SessionWrapper } from '../../session/SessionWrapper'; import { Link } from 'react-router-dom'; import { MigrationTopNavSession } from '../../migration/MigrationTopNav_Session'; import { FrontendUrlConfig } from '../../common/FrontendUrlConfig'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faGrinBeamSweat, faList, faTrophy, faUpload, faUser } from '@fortawesome/free-solid-svg-icons'; +import { faPatreon } from '@fortawesome/free-brands-svg-icons'; interface Props { sessionWrapper: SessionWrapper, @@ -68,33 +71,42 @@ function NewTopNavFc(props: Props) { >Community
+ {/* NB: There's an "is-active" class that looks nice. */} closeHamburger()} - >Contribute / Upload + >  Contribute / Upload closeHamburger()} - >Leaderboard + >  Leaderboard closeHamburger()} - >Patrons + >  Patrons closeHamburger()} - >Feed + >  Feed
closeHamburger()} - >My Data + >  My Data + +
+ + closeHamburger()} + >  About Us +