diff --git a/packages/fakeyou.com/src/v2/view/tts/tts_result_view/TtsResultViewPage.tsx b/packages/fakeyou.com/src/v2/view/tts/tts_result_view/TtsResultViewPage.tsx index b2ba25b821..0d88df295b 100644 --- a/packages/fakeyou.com/src/v2/view/tts/tts_result_view/TtsResultViewPage.tsx +++ b/packages/fakeyou.com/src/v2/view/tts/tts_result_view/TtsResultViewPage.tsx @@ -22,6 +22,7 @@ import { faTrash, faEye, faEyeSlash, + faUser, } from "@fortawesome/free-solid-svg-icons"; import { motion } from "framer-motion"; import { container, item, panel } from "../../../../data/animation"; @@ -80,7 +81,7 @@ function TtsResultViewPage(props: Props) { let modelLink = `/tts/${ttsInferenceResult.tts_model_token}`; // NB: Not respected in firefox: https://stackoverflow.com/a/28468261 - let audioDownloadFilename = `vocodes-${ttsInferenceResult.tts_model_token.replace( + let audioDownloadFilename = `fakeyou-${ttsInferenceResult.tts_model_token.replace( ":", "" )}.wav`; @@ -290,6 +291,35 @@ function TtsResultViewPage(props: Props) { const createdAt = new Date(ttsInferenceResult.created_at); const createdAtRelative = formatDistance(createdAt, new Date(), { addSuffix: true }) + let downloadButton = null; + + if (props.sessionWrapper.isLoggedIn()) { + downloadButton = ( + <> + + + Download File{" "} + + > + ); + } else { + downloadButton = ( + <> + + + Register Account to Download + + > + ); + } + return ( @@ -308,14 +338,7 @@ function TtsResultViewPage(props: Props) { {subtitle} - - - Download File{" "} - + {downloadButton}