From c980f7c5cebf7b877926378f9a99b1a8667aa2a5 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Fri, 13 Jan 2023 00:21:07 +0700
Subject: [PATCH] replaced clone voice btn with pricing

---
 .../view/tts/tts_model_list/TtsPageHero.tsx   | 61 +++++++++++++------
 yarn.lock                                     |  5 ++
 2 files changed, 49 insertions(+), 17 deletions(-)

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 = (
       <>
-        <Link 
-            to="/signup"
-            onClick={() => { Analytics.ttsClickHeroSignup() } }
-            >
+        <Link
+          to="/signup"
+          onClick={() => {
+            Analytics.ttsClickHeroSignup();
+          }}
+        >
           <button type="button" className="btn btn-primary w-100">
             {t("tts.TtsModelListPage.heroSection.buttons.signUp")}
+            <FontAwesomeIcon icon={faArrowRight} className="ms-2" />
+          </button>
+        </Link>
+      </>
+    );
+    viewPricingButton = (
+      <>
+        <Link to="/pricing">
+          <button type="button" className="btn btn-secondary w-100">
+            <FontAwesomeIcon icon={faStar} className="me-2" />
+            View Pricing
           </button>
         </Link>
       </>
@@ -53,13 +72,27 @@ export function TtsPageHero(props: Props) {
   }
 
   if (props.sessionWrapper.isLoggedIn()) {
+    let displayName = props.sessionWrapper.getDisplayName();
+    let url = `/profile/${displayName}`;
+    myProfileButton = (
+      <>
+        <Link to={url}>
+          <button type="button" className="btn btn-secondary w-100">
+            <FontAwesomeIcon icon={faUser} className="me-2" />
+            View my profile
+          </button>
+        </Link>
+      </>
+    );
     if (!props.sessionSubscriptionsWrapper.hasPaidFeatures()) {
       upgradeButton = (
         <>
-          <Link 
-              to="/pricing"
-              onClick={() => { Analytics.ttsClickHeroUpgradePlan() } }
-              >
+          <Link
+            to="/pricing"
+            onClick={() => {
+              Analytics.ttsClickHeroUpgradePlan();
+            }}
+          >
             <button type="button" className="btn btn-primary w-100">
               <FontAwesomeIcon icon={faStar} className="me-2" />
               Upgrade Plan
@@ -110,14 +143,8 @@ export function TtsPageHero(props: Props) {
           >
             {upgradeButton}
             {signUpButton}
-            <Link 
-                to="/clone"
-                onClick={() => { Analytics.ttsClickHeroVoiceClone() } }
-                >
-              <button type="button" className="btn btn-secondary w-100">
-                {t("tts.TtsModelListPage.heroSection.buttons.cloneVoice")}
-              </button>
-            </Link>
+            {viewPricingButton}
+            {myProfileButton}
           </motion.div>
         </div>
       </div>
diff --git a/yarn.lock b/yarn.lock
index b9936017dc..6d76b80709 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2821,6 +2821,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/gtag.js@^0.0.12":
+  version "0.0.12"
+  resolved "https://registry.yarnpkg.com/@types/gtag.js/-/gtag.js-0.0.12.tgz#095122edca896689bdfcdd73b057e23064d23572"
+  integrity sha512-YQV9bUsemkzG81Ea295/nF/5GijnD2Af7QhEofh7xu+kvCN6RdodgNwwGWXB5GMI3NoyvQo0odNctoH/qLMIpg==
+
 "@types/history@^4.7.11":
   version "4.7.11"
   resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"