Merge pull request #315 from storytold/echelon-link-media-page

link to the media page

packages/fakeyou.com/src/v2/view/_common/SessionVoiceConversionResultsList.tsx

@@ -6,7 +6,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faClock,
   faHeadphonesSimple,
-  faDownload,
+  faLink,
 } from "@fortawesome/free-solid-svg-icons";
 
 import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
@@ -120,12 +120,10 @@ function SessionVoiceConversionResultsList(props: Props) {
       let audioLink = new BucketConfig().getGcsUrl(
         job.maybeResultPublicBucketMediaPath
       );
-      //let ttsPermalink = `/tts/result/${job.maybeResultToken}`;
+      let audioPermalink = `/media/${job.maybeResultToken}`;
 
       let wavesurfers = <SessionTtsAudioPlayer filename={audioLink} />;
 
-      let audioDownloadFilename = `fakeyou-${job.jobToken}.wav`;
-
       results.push(
         <div key={job.jobToken}>
           {/*<div className="message-header">
@@ -154,28 +152,16 @@ function SessionVoiceConversionResultsList(props: Props) {
               {wavesurfers}
 
               <div className="mt-2">
-                {/*<Link
-                  to={ttsPermalink}
+                <Link
+                  to={audioPermalink}
                   onClick={() => {
-                    Analytics.ttsClickResultLink();
+                    //Analytics.ttsClickResultLink();
                   }}
                   className="fw-semibold"
                 >
                   <FontAwesomeIcon icon={faLink} className="me-2" />
-                  {t("common.SessionTtsInferenceResults.result.shareDownload")}
-                </Link>*/}
-
-                <a
-                  className=" btn btn-primary w-100 mt-4"
-                  href={audioLink}
-                  onClick={() => {
-                    Analytics.voiceConversionClickDownload();
-                  }}
-                  download={audioDownloadFilename}
-                >
-                  <FontAwesomeIcon icon={faDownload} className="me-2" />
                   {t("resultsAudioDownload")}
-                </a>
+                </Link>
               </div>
             </div>
           </div>

packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx

@@ -64,7 +64,7 @@ export default function MediaPage({ sessionWrapper }: MediaPageProps) {
         return (
           <div className="panel p-3 p-lg-4 d-flex flex-column">
             {/* Voice model name that is used to generate the audio */}
-            <h3 className="fw-bold mb-4">[Voice Model Name]</h3>
+            {/*<h3 className="fw-bold mb-4">[Voice Model Name]</h3> */}
 
             <MediaAudioComponent mediaFile={mediaFile} />
 
@@ -302,29 +302,20 @@ export default function MediaPage({ sessionWrapper }: MediaPageProps) {
               </div>
 
               <div className="d-flex gap-2 flex-wrap">
-                <Button
-                  icon={faArrowDownToLine}
-                  label="Download"
-                  className="flex-grow-1"
+
+                <a
                   href={audioLink}
-                  download={true}
-                />
-                {/* <div className="d-flex gap-2">
-                  <Button
-                    square={true}
-                    variant="secondary"
-                    icon={faCirclePlay}
-                    onClick={() => {}}
-                    tooltip="Create"
-                  />
-                  <Button
-                    square={true}
-                    variant="secondary"
-                    icon={faShare}
-                    onClick={() => {}}
-                    tooltip="Share"
-                  />
-                </div> */}
+                  download={audioLink}
+                  onClick={() => {
+                    //Analytics.ttsClickResultLink();
+                  }}
+                  className=" btn btn-primary w-100 mt-4"
+                  
+                >
+                  <FontAwesomeIcon icon={faArrowDownToLine} className="me-2" />
+                  Download
+                </a>
+
               </div>
 
               <Accordion>