diff --git a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx index 01a66eea64..5c3dc1863b 100644 --- a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx +++ b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx @@ -76,6 +76,13 @@ function FooterNav(props: Props) { return () => clearInterval(interval); }, [pendingTtsJobs]); + let myDataLink = WebUrl.signupPage(); + + if (props.sessionWrapper.isLoggedIn()) { + let username = props.sessionWrapper.getUsername() as string; // NB: Should be present if logged in + myDataLink = WebUrl.userProfilePage(username); + } + let moderationLink = ; if (props.sessionWrapper.canBanUsers()) { @@ -176,12 +183,22 @@ function FooterNav(props: Props) {
  • Video Lipsync
  • + +
  • + Upload Models +
  • Community

  • - Upload Models + + Discord +
  • @@ -189,7 +206,11 @@ function FooterNav(props: Props) {
  • - Feed + Guide +
  • + +
  • + My Data
  • diff --git a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx index ba68a9442a..c30ad77a57 100644 --- a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx +++ b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx @@ -8,13 +8,9 @@ import { faPlus, faUsers, faVideo, - faList, faTrophy, - faUpload, faUser, faSignOutAlt, - faComputer, - faLaptop, faBook, faStar, } from "@fortawesome/free-solid-svg-icons"; @@ -26,14 +22,6 @@ import { GetPendingTtsJobCountIsOk, GetPendingTtsJobCountSuccessResponse, } from "@storyteller/components/src/api/tts/GetPendingTtsJobCount"; -import { - container, - item, - panel, - image, - sessionItem, -} from "../../../data/animation"; -import Tippy from "@tippyjs/react"; import "tippy.js/dist/tippy.css"; import "tippy.js/animations/shift-away.css"; import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks"; @@ -56,17 +44,6 @@ interface Props { } function TopNav(props: Props) { - // const defaultColourView = window.localStorage.getItem("darkMode"); - const defaultLowSpecView = window.localStorage.getItem("lowSpec"); - - // const [darkModes, toggleDarkModes] = useState( - // defaultColourView === "false" ? true : false - // ); - - const [lowSpecView, toggleLowSpecs] = useState( - defaultLowSpecView === "false" ? true : false - ); - let history = useHistory(); let myDataLink = WebUrl.signupPage(); @@ -109,52 +86,6 @@ function TopNav(props: Props) { return () => clearInterval(interval); }, [pendingTtsJobs]); - // const toggleDarkMode = () => { - // window.localStorage.setItem("darkMode", darkModes ? "true" : "false"); - - // toggleDarkModes(!darkModes); - // }; - - const toggleLowSpec = () => { - window.localStorage.setItem("lowSpec", lowSpecView ? "true" : "false"); - - toggleLowSpecs(!lowSpecView); - - if (lowSpecView === false) { - image.hidden.opacity = 1; - image.hidden.x = 0; - panel.hidden.y = 0; - item.hidden.y = 0; - sessionItem.hidden.x = 0; - panel.hidden.opacity = 1; - item.hidden.opacity = 1; - container.hidden.opacity = 1; - sessionItem.hidden.opacity = 1; - Analytics.uiTurnOnAnimations(); - } else { - image.hidden.opacity = 0; - image.hidden.x = 15; - panel.hidden.y = 15; - item.hidden.y = 15; - sessionItem.hidden.x = 15; - panel.hidden.opacity = 0; - item.hidden.opacity = 0; - container.hidden.opacity = 0; - sessionItem.hidden.opacity = 0; - Analytics.uiTurnOffAnimations(); - } - }; - - useEffect(() => { - // Logic for dark mode toggle - // if (darkModes) document.getElementById("main")!.classList.add("dark-mode"); - // else document.getElementById("main")!.classList.remove("dark-mode"); - - // Logic for the animation toggle - if (lowSpecView) document.getElementById("main")!.classList.add("low-spec"); - else document.getElementById("main")!.classList.remove("low-spec"); - }); - const logoutHandler = async () => { await Logout(); props.querySessionCallback(); @@ -332,19 +263,6 @@ function TopNav(props: Props) {
    -

    Make your favorite characters talk

    +

    Speak as your favorite characters

    Our AI-powered text-to-speech and voice conversion tools let you convert your text or voice into your favorite character's voice. @@ -410,7 +411,7 @@ function LandingPage(props: Props) {

    */} -
    + {/*
    -
    +
    */} -
    +

    Join the Community

    @@ -508,7 +509,7 @@ function LandingPage(props: Props) { background dots