From cd07f9e78f9af4e51fa3776974ba64ceff82dda4 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Fri, 4 Mar 2022 03:50:47 -0500
Subject: [PATCH] topnav

---
 _redirects                                    |  1 +
 .../fakeyou/src/_i18n/FakeYouTranslations.ts  |  1 +
 .../fakeyou/src/common/FrontendUrlConfig.ts   |  4 +++
 packages/fakeyou/src/v2/view/NewTopNavFc.tsx  | 36 ++++++++++++++-----
 4 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/_redirects b/_redirects
index 77a7c940c4..25349f541a 100644
--- a/_redirects
+++ b/_redirects
@@ -1,6 +1,7 @@
 # We can't redirect everything until legacy vocodes is dead
 /about*   /index.html   200
 /category*   /index.html   200
+/clone*   /index.html   200
 /coming-soon*   /index.html   200
 /contribute*   /index.html   200
 /firehose*   /index.html   200
diff --git a/packages/fakeyou/src/_i18n/FakeYouTranslations.ts b/packages/fakeyou/src/_i18n/FakeYouTranslations.ts
index 7c2b2bd612..4ae088175d 100644
--- a/packages/fakeyou/src/_i18n/FakeYouTranslations.ts
+++ b/packages/fakeyou/src/_i18n/FakeYouTranslations.ts
@@ -23,6 +23,7 @@ const FAKEYOU_TRANSLATIONS : any = {
           aboutUs: 'About Us',
           community: 'Community',
           contributeUpload: 'Contribute / Upload',
+          create: 'Create',
           developers: 'Developers',
           feed: 'Feed',
           leaderboard: 'Leaderboard',
diff --git a/packages/fakeyou/src/common/FrontendUrlConfig.ts b/packages/fakeyou/src/common/FrontendUrlConfig.ts
index cd7f21595f..21d6d3fd06 100644
--- a/packages/fakeyou/src/common/FrontendUrlConfig.ts
+++ b/packages/fakeyou/src/common/FrontendUrlConfig.ts
@@ -22,6 +22,10 @@ class FrontendUrlConfig {
     return '/patrons';
   }
 
+  static cloneRequestPage() : string {
+    return '/clone';
+  }
+
   // Other domains
 
   static developerDocs() : string {
diff --git a/packages/fakeyou/src/v2/view/NewTopNavFc.tsx b/packages/fakeyou/src/v2/view/NewTopNavFc.tsx
index 5b17794c15..2f2f25fc3c 100644
--- a/packages/fakeyou/src/v2/view/NewTopNavFc.tsx
+++ b/packages/fakeyou/src/v2/view/NewTopNavFc.tsx
@@ -54,15 +54,36 @@ function NewTopNavFc(props: Props) {
         <div id="navbarExampleTransparentExample" className={navbarClasses}>
           <div className="navbar-start">
 
-            <Link to="/"
-              className="navbar-item"
+            <Link to={FrontendUrlConfig.cloneRequestPage()}
+              className="navbar-item "
               onClick={() => closeHamburger()}
-              >TTS</Link>
+              >Clone&nbsp;My&nbsp;Voice!</Link>
 
-            <Link to="/video"
-              className="navbar-item"
-              onClick={() => closeHamburger()}
-              >{t('coreUi.topNav.video')}</Link>
+            {/* DROPDOWN: CREATE */}
+
+            <div className="navbar-item has-dropdown is-hoverable">
+              <Link to={FrontendUrlConfig.indexPage()}
+                className="navbar-link"
+                onClick={() => closeHamburger()}
+                >{t('coreUi.topNav.create')}</Link>
+
+              <div className="navbar-dropdown is-boxed">
+                {/* NB: There's an "is-active" class that looks nice. */}
+
+                <Link to="/"
+                  className="navbar-item"
+                  onClick={() => closeHamburger()}
+                  >TTS</Link>
+
+                <Link to="/video"
+                  className="navbar-item"
+                  onClick={() => closeHamburger()}
+                  >{t('coreUi.topNav.video')}</Link>
+
+              </div>
+            </div>
+
+            {/* DROPDOWN: COMMUNITY */}
 
             <div className="navbar-item has-dropdown is-hoverable">
               <Link to={myDataLink}
@@ -111,7 +132,6 @@ function NewTopNavFc(props: Props) {
                   className="navbar-item"
                   onClick={() => closeHamburger()}
                   ><FontAwesomeIcon icon={faGavel} />&nbsp;&nbsp;{t('coreUi.topNav.terms')}</Link>
-
               </div>
             </div>