diff --git a/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx b/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx
index 0bda1a8c11..87123a4b6b 100644
--- a/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx
+++ b/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx
@@ -7,6 +7,8 @@ import { SpectrogramFc } from './SpectrogramFc';
import { ReportDiscordLinkFc } from '../../common/DiscordReportLinkFc';
import { BucketConfig } from '../../../common/BucketConfig';
import { FrontendUrlConfig } from '../../../common/FrontendUrlConfig';
+import { HiddenIconFc } from '../../../icons/HiddenIconFc';
+import { VisibleIconFc } from '../../../icons/VisibleIconFc';
interface TtsInferenceResultResponsePayload {
success: boolean,
@@ -34,6 +36,8 @@ interface TtsInferenceResult {
public_bucket_wav_audio_path: string,
public_bucket_spectrogram_path: string,
+ creator_set_visibility?: string,
+
file_size_bytes: number,
duration_millis: number,
created_at: string,
@@ -159,6 +163,11 @@ function TtsResultViewFc(props: Props) {
);
}
+ let resultVisibility = ttsInferenceResult?.creator_set_visibility === 'hidden' ?
+ Hidden :
+ Public ;
+
+
let headingTitle = 'TTS Result';
let subtitle = ;
if (ttsInferenceResult.tts_model_title !== undefined && ttsInferenceResult.tts_model_title !== null) {
@@ -226,6 +235,10 @@ function TtsResultViewFc(props: Props) {
Audio duration |
{durationSeconds} seconds |
+
+ | Visibility |
+ {resultVisibility} |
+
|
diff --git a/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx b/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx
index 649c8f61ea..8ac89e6f05 100644
--- a/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx
+++ b/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx
@@ -6,6 +6,8 @@ import { useParams, Link } from 'react-router-dom';
import { W2lResultViewDeleteFc } from './W2lResultView_DeleteFc';
import { ReportDiscordLinkFc } from '../../common/DiscordReportLinkFc';
import { BucketConfig } from '../../../common/BucketConfig';
+import { HiddenIconFc } from '../../../icons/HiddenIconFc';
+import { VisibleIconFc } from '../../../icons/VisibleIconFc';
interface W2lInferenceResultResponsePayload {
success: boolean,
@@ -30,6 +32,8 @@ interface W2lInferenceResult {
maybe_template_creator_display_name?: string,
maybe_template_creator_gravatar_hash?: string,
+ creator_set_visibility?: string,
+
file_size_bytes: number,
frame_width: number,
frame_height: number,
@@ -157,6 +161,10 @@ function W2lResultViewFc(props: Props) {
);
}
+ let resultVisibility = w2lInferenceResult?.creator_set_visibility === 'hidden' ?
+ Hidden :
+ Public ;
+
return (
Lipsync Result
@@ -194,6 +202,10 @@ function W2lResultViewFc(props: Props) {
| Duration |
{durationSeconds} seconds |
+
+ | Visibility |
+ {resultVisibility} |
+
|