diff --git a/vocodes/src/v2/profile/profile_view/Profile_TtsInferenceResultListFc.tsx b/vocodes/src/v2/profile/profile_view/Profile_TtsInferenceResultListFc.tsx
index 46828279a0..b0cfa01005 100644
--- a/vocodes/src/v2/profile/profile_view/Profile_TtsInferenceResultListFc.tsx
+++ b/vocodes/src/v2/profile/profile_view/Profile_TtsInferenceResultListFc.tsx
@@ -2,6 +2,8 @@ import React, { useState, useEffect, useCallback } from 'react';
import { ApiConfig, ListTtsInferenceResultsForUserArgs } from '../../../common/ApiConfig';
import { Link } from 'react-router-dom';
import { formatDistance } from 'date-fns';
+import { VisibleIconFc } from '../../../icons/VisibleIconFc';
+import { HiddenIconFc } from '../../../icons/HiddenIconFc';
interface TtsInferenceResultListResponsePayload {
success: boolean,
@@ -27,6 +29,8 @@ interface TtsInferenceResult {
file_size_bytes: number,
duration_millis: number,
+ visibility: string,
+
created_at: string,
updated_at: string,
}
@@ -98,9 +102,12 @@ function ProfileTtsInferenceResultsListFc(props: Props) {
const createTime = new Date(result.created_at);
const relativeCreateTime = formatDistance(createTime, now, { addSuffix: true });
+ const visibilityIcon = (result.visibility === 'public') ? : ;
+
rows.push(
| {result.maybe_creator_result_id} |
+ {visibilityIcon} |
▶️ {text}
@@ -123,11 +130,12 @@ function ProfileTtsInferenceResultsListFc(props: Props) {
- | # |
- Download & Play Link |
- Model |
- Duration |
- Creation Time |
+ # |
+ |
+ Download & Play Link |
+ Model |
+ Duration |
+ Creation Time |
diff --git a/vocodes/src/v2/profile/profile_view/Profile_W2lInferenceResultListFc.tsx b/vocodes/src/v2/profile/profile_view/Profile_W2lInferenceResultListFc.tsx
index 9df20398ff..94176d0831 100644
--- a/vocodes/src/v2/profile/profile_view/Profile_W2lInferenceResultListFc.tsx
+++ b/vocodes/src/v2/profile/profile_view/Profile_W2lInferenceResultListFc.tsx
@@ -2,6 +2,8 @@ import React, { useState, useEffect, useCallback } from 'react';
import { ApiConfig, ListW2lInferenceResultsForUserArgs } from '../../../common/ApiConfig';
import { Link } from 'react-router-dom';
import { formatDistance } from 'date-fns'
+import { VisibleIconFc } from '../../../icons/VisibleIconFc';
+import { HiddenIconFc } from '../../../icons/HiddenIconFc';
interface W2lInferenceResultListResponsePayload {
success: boolean,
@@ -29,6 +31,8 @@ interface W2lInferenceResult {
frame_height: number,
duration_millis: number,
+ visibility: string,
+
created_at: string,
updated_at: string,
}
@@ -99,10 +103,12 @@ function ProfileW2lInferenceResultsListFc(props: Props) {
const createTime = new Date(result.created_at);
const relativeCreateTime = formatDistance(createTime, now, { addSuffix: true });
+ const visibilityIcon = (result.visibility === 'public') ? : ;
rows.push(
| {result.maybe_creator_result_id} |
+ {visibilityIcon} |
▶️ Result |
{templateTitle} |
(custom audio) |
@@ -123,12 +129,13 @@ function ProfileW2lInferenceResultsListFc(props: Props) {
- | # |
- Result Link |
- Template |
- Audio Source |
- Duration |
- Creation Time |
+ # |
+ |
+ Result Link |
+ Template |
+ Audio Source |
+ Duration |
+ Creation Time |
|