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) { - - - - - + + + + + + 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( + @@ -123,12 +129,13 @@ function ProfileW2lInferenceResultsListFc(props: Props) {
#Download & Play LinkModelDurationCreation Time#Download & Play LinkModelDurationCreation Time
{result.maybe_creator_result_id}{visibilityIcon} ▶️ Result {templateTitle} (custom audio)
- - - - - - + + + + + + +
#Result LinkTemplateAudio SourceDurationCreation Time#Result LinkTemplateAudio SourceDurationCreation Time