From d33b71307b1ddec468cdfb5c976c5f157227484c Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Wed, 28 Feb 2024 19:12:06 -0500
Subject: [PATCH] promote video style transfer link to top

---
 .../src/components/layout/SideNav/SideNav.tsx | 32 ++++++++++---------
 .../fakeyou.com/src/v2/view/nav/FooterNav.tsx |  4 +++
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx
index ae4a8e0825..4b450bb292 100644
--- a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx
+++ b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx
@@ -228,11 +228,12 @@ export default function SideNav({
     queueStats.legacy_tts.pending_job_count +
     queueStats.inference.by_queue.pending_tacotron2_jobs;
 
-  let maybeVideoGeneration = <></>;
+  let maybeBetaFeatures = <></>;
 
   if (sessionWrapper.canAccessStudio()) {
-    maybeVideoGeneration = (
+    maybeBetaFeatures= (
       <>
+        <li className="sidebar-heading">Beta Features</li>
         <li>
           <NavLink
             to="/video-mocap"
@@ -261,17 +262,6 @@ export default function SideNav({
           </NavLink>
         </li>
 
-        <li>
-          <NavLink
-            to="/video-styletransfer"
-            activeClassName="active-link"
-            onClick={handleNavLinkClick}
-          >
-            <FontAwesomeIcon icon={faFilms} className="sidebar-heading-icon" />
-            {t("videoStyleTransfer")}
-          </NavLink>
-        </li>
-
         <li>
           <NavLink
             to="/studio"
@@ -423,6 +413,18 @@ export default function SideNav({
               </NavLink>
             </li>
             <li className="sidebar-heading">{t("videoTitle")}</li>
+
+            <li>
+              <NavLink
+                to="/video-styletransfer"
+                activeClassName="active-link"
+                onClick={handleNavLinkClick}
+              >
+                <FontAwesomeIcon icon={faFilms} className="sidebar-heading-icon" />
+                {t("videoStyleTransfer")}
+              </NavLink>
+            </li>
+
             <li>
               <NavLink
                 to="/face-animator"
@@ -437,10 +439,10 @@ export default function SideNav({
               </NavLink>
             </li>
 
-            {maybeVideoGeneration}
-
             {maybeImageGeneration}
 
+            {maybeBetaFeatures}
+
             <li className="sidebar-heading">{t("communityTitle")}</li>
             <li>
               <NavLink
diff --git a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
index 9e5190bd5d..a11cda9e06 100644
--- a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
+++ b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
@@ -152,6 +152,10 @@ function FooterNav(props: Props) {
                   <Link to="/face-animator">{t("productFaceAnimator")}</Link>
                 </li>
 
+                <li>
+                  <Link to="/video-styletransfer">Video Style Transfer</Link>
+                </li>
+
                 <li>
                   <Link to="/contribute">{t("productUploadModels")}</Link>
                 </li>