From e4c9865261dcfd454c24b70bb9235689d681e239 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Mon, 30 Oct 2023 19:17:32 +0700
Subject: [PATCH] voice designer header updates

---
 .../public/images/header/voice-designer.png   | Bin 0 -> 17276 bytes
 .../common/BackButton/BackButton.tsx          |  18 +++-
 .../src/components/common/Panel/Panel.tsx     |   6 +-
 .../layout/PageHeader/PageHeader.tsx          |  29 ++++--
 .../tts_model_search/TtsModelSearchPage.tsx   |   9 +-
 .../voice_designer/VoiceDesignerFormPage.tsx  |   5 +
 .../voice_designer/VoiceDesignerMainPage.tsx  |   5 +-
 .../voice_designer/VoiceDesignerVoiceEdit.tsx |  97 ++++++++++++++++++
 .../components/ListItems/ListItems.tsx        |  58 +++++++----
 9 files changed, 187 insertions(+), 40 deletions(-)
 create mode 100644 packages/fakeyou.com/public/images/header/voice-designer.png
 create mode 100644 packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEdit.tsx

diff --git a/packages/fakeyou.com/public/images/header/voice-designer.png b/packages/fakeyou.com/public/images/header/voice-designer.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce0081f1f11a262b7d4e5f7718632ddf0227a9cc
GIT binary patch
literal 17276
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
SK46)2h{r10%H<EO!~PG-8S)(f

literal 0
HcmV?d00001

diff --git a/packages/fakeyou.com/src/components/common/BackButton/BackButton.tsx b/packages/fakeyou.com/src/components/common/BackButton/BackButton.tsx
index ddad1c8de2..714efe8834 100644
--- a/packages/fakeyou.com/src/components/common/BackButton/BackButton.tsx
+++ b/packages/fakeyou.com/src/components/common/BackButton/BackButton.tsx
@@ -1,13 +1,14 @@
 import React from "react";
 import Button from "../Button";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faArrowLeft } from "@fortawesome/pro-solid-svg-icons";
 
 interface BackButtonProps {
   onClick?: () => void;
+  to?: string;
+  label?: string;
 }
 
-const BackButton: React.FC<BackButtonProps> = ({ onClick }) => {
+const BackButton: React.FC<BackButtonProps> = ({ onClick, to, label }) => {
   const handleBack = () => {
     if (onClick) {
       onClick();
@@ -16,10 +17,21 @@ const BackButton: React.FC<BackButtonProps> = ({ onClick }) => {
     }
   };
 
+  if (to) {
+    return (
+      <Button
+        icon={faArrowLeft}
+        label={label ? label : "Back"}
+        variant="link"
+        to={to}
+      />
+    );
+  }
+
   return (
     <Button
       icon={faArrowLeft}
-      label="Back"
+      label={label ? label : "Back"}
       variant="link"
       onClick={handleBack}
     />
diff --git a/packages/fakeyou.com/src/components/common/Panel/Panel.tsx b/packages/fakeyou.com/src/components/common/Panel/Panel.tsx
index 2dc04e9380..b04f8abc52 100644
--- a/packages/fakeyou.com/src/components/common/Panel/Panel.tsx
+++ b/packages/fakeyou.com/src/components/common/Panel/Panel.tsx
@@ -19,12 +19,10 @@ export default function Panel({
 }: PanelProps) {
   return (
     <div
-      className={`panel ${clear && "panel-clear"} ${
+      className={`panel ${clear ? "panel-clear" : "overflow-hidden"} ${
         padding ? "p-3 py-4 p-md-4" : ""
       }
-        ${mb ? "mb-4" : ""} ${mt ? "mt-4" : ""} overflow-hidden ${
-        className || ""
-      }`}
+        ${mb ? "mb-4" : ""} ${mt ? "mt-4" : ""} ${className || ""}`}
     >
       {children}
     </div>
diff --git a/packages/fakeyou.com/src/components/layout/PageHeader/PageHeader.tsx b/packages/fakeyou.com/src/components/layout/PageHeader/PageHeader.tsx
index 21d5f78e21..35864963db 100644
--- a/packages/fakeyou.com/src/components/layout/PageHeader/PageHeader.tsx
+++ b/packages/fakeyou.com/src/components/layout/PageHeader/PageHeader.tsx
@@ -3,6 +3,7 @@ import Panel from "../../common/Panel";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import Button from "components/common/Button";
+import BackButton from "components/common/BackButton";
 
 interface PageHeaderProps {
   titleIcon?: IconDefinition;
@@ -16,8 +17,11 @@ interface PageHeaderProps {
   buttonTo?: string;
   buttonIcon?: IconDefinition;
   buttonOnClick?: () => void;
-  withImage?: boolean;
+  panel?: boolean;
   imageUrl?: string;
+  showBackButton?: boolean;
+  backbuttonTo?: string;
+  backbuttonLabel?: string;
 }
 
 export default function PageHeader({
@@ -32,19 +36,27 @@ export default function PageHeader({
   buttonTo,
   buttonIcon,
   buttonOnClick,
-  withImage,
+  panel = false,
   imageUrl,
+  showBackButton,
+  backbuttonTo,
+  backbuttonLabel,
 }: PageHeaderProps) {
   const icon = (
     <>{titleIcon && <FontAwesomeIcon icon={titleIcon} className="me-3" />}</>
   );
 
-  if (withImage) {
+  if (!panel) {
     return (
-      <div className="pt-3 pb-4 pt-lg-4">
+      <div className="py-3 py-lg-4">
         <Panel clear={true}>
+          {showBackButton && (
+            <div className="d-flex mb-3">
+              <BackButton label={backbuttonLabel} to={backbuttonTo} />
+            </div>
+          )}
           <div className="row">
-            <div className="d-flex flex-column col-lg-7 justify-content-center gap-4">
+            <div className="d-flex flex-column col-lg-7 justify-content-center gap-4 py-3">
               <div>
                 <h1 className="fw-bold">
                   {/* {icon} */}
@@ -66,7 +78,12 @@ export default function PageHeader({
             </div>
             <div className="d-none d-lg-block col-lg-5">
               {imageUrl && (
-                <img src={imageUrl} alt="Header" className="img-fluid my-3" />
+                <img
+                  src={imageUrl}
+                  alt="Header"
+                  className="img-fluid my-3"
+                  height="235"
+                />
               )}
             </div>
           </div>
diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_search/TtsModelSearchPage.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_search/TtsModelSearchPage.tsx
index 10da0cb594..83e70fc7fe 100644
--- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_search/TtsModelSearchPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_search/TtsModelSearchPage.tsx
@@ -139,11 +139,12 @@ export default function TtsModelSearchPage(props: TtsModelSearchPageProps) {
         title="Text to Speech"
         titleIcon={faMessageDots}
         subText="Turn text into your favorite character's voice."
-        showButton={true}
-        buttonLabel="Create a voice"
-        buttonVariant="secondary"
-        buttonTo="/voice-designer"
+        // showButton={true}
+        // buttonLabel="Create a voice"
+        // buttonVariant="secondary"
+        // buttonTo="/voice-designer"
         extension={searchTts}
+        panel={false}
       />
       <Panel padding={true}>
         <div className="d-flex gap-2 mb-4">
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx
index 5544f78c9e..0e0e8cf6b0 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx
@@ -10,6 +10,7 @@ import { VoiceDetails } from "./components/steps/VoiceDetails";
 import PageHeader from "components/layout/PageHeader";
 import Container from "components/common/Container";
 import { useHistory } from "react-router-dom";
+import BackButton from "components/common/BackButton";
 
 interface RouteParams {
   dataset_token?: string;
@@ -81,6 +82,10 @@ function VoiceDesignerFormPage() {
             ? "Edit your dataset by uploading more samples to create a new voice"
             : "Add voice details and upload audio samples to clone your voice!"
         }
+        panel={false}
+        showBackButton={true}
+        backbuttonLabel="Back to Voice Designer"
+        backbuttonTo="/voice-designer"
       />
 
       <Panel>
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx
index 0ff6487d4f..2649dc9be5 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx
@@ -14,6 +14,7 @@ function VoiceDesignerMainPage() {
     {
       name: "Donald Trump (45th US President)",
       modelToken: "TM:z7x37sbvb8vc",
+      isCreating: true,
     },
     {
       name: "Spongebob Squarepants (Season 1)",
@@ -47,8 +48,8 @@ function VoiceDesignerMainPage() {
         buttonVariant="primary"
         buttonIcon={faPlus}
         buttonTo="/voice-designer/create"
-        withImage={true}
-        imageUrl="https://app.kits.ai/_next/static/media/vocals-gated-graphic.eb866911.svg"
+        panel={false}
+        imageUrl="/images/header/voice-designer.png"
       />
 
       <Panel>
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEdit.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEdit.tsx
new file mode 100644
index 0000000000..2649dc9be5
--- /dev/null
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEdit.tsx
@@ -0,0 +1,97 @@
+import React from "react";
+import { faPlus, faWaveform } from "@fortawesome/pro-solid-svg-icons";
+import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle";
+import Panel from "components/common/Panel";
+import PageHeader from "components/layout/PageHeader";
+import Container from "components/common/Container";
+import { Route, NavLink, Switch, Redirect } from "react-router-dom";
+import ListItems from "./components/ListItems/ListItems";
+
+function VoiceDesignerMainPage() {
+  usePrefixedDocumentTitle("Voice Designer");
+
+  const voicesList = [
+    {
+      name: "Donald Trump (45th US President)",
+      modelToken: "TM:z7x37sbvb8vc",
+      isCreating: true,
+    },
+    {
+      name: "Spongebob Squarepants (Season 1)",
+      modelToken: "TM:z7x37sbvb8vc",
+    },
+  ];
+  const datasetList = [
+    {
+      name: "Donald Trump (45th US President)",
+      modelToken: "dummyToken",
+    },
+  ];
+  const emptyList = [] as any[];
+
+  function MyVoices() {
+    return <ListItems type="voices" data={voicesList} />;
+  }
+
+  function MyDatasets() {
+    return <ListItems type="datasets" data={datasetList} />;
+  }
+
+  return (
+    <Container type="panel">
+      <PageHeader
+        title="Voice Designer"
+        titleIcon={faWaveform}
+        subText="Create your own AI voice by providing audio files of the voice you want to clone."
+        showButton={true}
+        buttonLabel="Create New voice"
+        buttonVariant="primary"
+        buttonIcon={faPlus}
+        buttonTo="/voice-designer/create"
+        panel={false}
+        imageUrl="/images/header/voice-designer.png"
+      />
+
+      <Panel>
+        <nav>
+          <ul className="nav nav-tabs">
+            <div className="d-flex flex-grow-1">
+              <li className="nav-item">
+                <NavLink
+                  to="/voice-designer/voices"
+                  className="nav-link fs-6 px-3 px-lg-4"
+                  activeClassName="active"
+                >
+                  My Voices
+                </NavLink>
+              </li>
+              <li className="nav-item">
+                <NavLink
+                  to="/voice-designer/datasets"
+                  className="nav-link fs-6"
+                  activeClassName="active"
+                >
+                  My Datasets
+                </NavLink>
+              </li>
+            </div>
+          </ul>
+        </nav>
+
+        <div className="p-3 p-lg-4">
+          <Switch>
+            <Route path="/voice-designer/voices" exact component={MyVoices} />
+            <Route
+              path="/voice-designer/datasets"
+              exact
+              component={MyDatasets}
+            />
+            <Redirect to="/voice-designer/voices" />
+          </Switch>
+        </div>
+      </Panel>
+    </Container>
+  );
+}
+
+export { VoiceDesignerMainPage };
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/ListItems/ListItems.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/ListItems/ListItems.tsx
index e5444e1c03..814590b357 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/ListItems/ListItems.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/ListItems/ListItems.tsx
@@ -64,27 +64,43 @@ export default function ListItems({ data, type }: ListItemsProps) {
             </div>
 
             <div className="d-flex">
-              <div className="d-flex gap-2">
-                <Button
-                  label="Edit"
-                  small={true}
-                  variant="secondary"
-                  to={`/voice-designer/dataset/${item.modelToken}/edit`}
-                />
-                <Button
-                  label="Delete"
-                  small={true}
-                  variant="danger"
-                  to={`/voice-designer/dataset/${item.modelToken}/delete`}
-                />
-                {type === "voices" && (
-                  <Button
-                    label="Use Voice"
-                    small={true}
-                    to={`/voice-designer/dataset/${item.modelToken}`}
-                  />
-                )}
-              </div>
+              {item.isCreating ? (
+                <div className="d-flex align-items-center gap-2 py-1">
+                  <p className="fw-medium opacity-75">
+                    Voice is being created...
+                  </p>
+                  <div
+                    className="spinner-border spinner-border-sm text-light"
+                    role="status"
+                  >
+                    <span className="visually-hidden">Loading...</span>
+                  </div>
+                </div>
+              ) : (
+                <>
+                  <div className="d-flex gap-2">
+                    <Button
+                      label="Edit"
+                      small={true}
+                      variant="secondary"
+                      to={`/voice-designer/dataset/${item.modelToken}/edit`}
+                    />
+                    <Button
+                      label="Delete"
+                      small={true}
+                      variant="danger"
+                      to={`/voice-designer/dataset/${item.modelToken}/delete`}
+                    />
+                    {type === "voices" && (
+                      <Button
+                        label="Use Voice"
+                        small={true}
+                        to={`/voice-designer/dataset/${item.modelToken}`}
+                      />
+                    )}
+                  </div>
+                </>
+              )}
             </div>
           </div>
         );