diff --git a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx index 9948815d9d..c7edd43270 100644 --- a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx +++ b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/TtsPageHero.tsx @@ -5,7 +5,11 @@ import { Link } from "react-router-dom"; import { Trans } from "react-i18next"; import { t } from "i18next"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faStar } from "@fortawesome/free-solid-svg-icons"; +import { + faStar, + faUser, + faArrowRight, +} from "@fortawesome/free-solid-svg-icons"; import { item, image } from "../../../../data/animation"; import { motion } from "framer-motion"; import { Analytics } from "../../../../common/Analytics"; @@ -35,17 +39,32 @@ export function TtsPageHero(props: Props) { }, []); let signUpButton = <>; + let viewPricingButton = <>; let upgradeButton = <>; + let myProfileButton = <>; if (!props.sessionWrapper.isLoggedIn()) { signUpButton = ( <> - { Analytics.ttsClickHeroSignup() } } - > + { + Analytics.ttsClickHeroSignup(); + }} + > + + + ); + viewPricingButton = ( + <> + + @@ -53,13 +72,27 @@ export function TtsPageHero(props: Props) { } if (props.sessionWrapper.isLoggedIn()) { + let displayName = props.sessionWrapper.getDisplayName(); + let url = `/profile/${displayName}`; + myProfileButton = ( + <> + + + + + ); if (!props.sessionSubscriptionsWrapper.hasPaidFeatures()) { upgradeButton = ( <> - { Analytics.ttsClickHeroUpgradePlan() } } - > + { + Analytics.ttsClickHeroUpgradePlan(); + }} + > - + {viewPricingButton} + {myProfileButton}