diff --git a/vocodes/src/v2/tts/tts_model_view/TtsModelViewFc.tsx b/vocodes/src/v2/tts/tts_model_view/TtsModelViewFc.tsx index 70949e7d26..3a9905c481 100644 --- a/vocodes/src/v2/tts/tts_model_view/TtsModelViewFc.tsx +++ b/vocodes/src/v2/tts/tts_model_view/TtsModelViewFc.tsx @@ -30,6 +30,14 @@ interface TtsModel { updatable_slug: string, created_at: string, updated_at: string, + maybe_moderator_fields: TtsModelModeratorFields | null | undefined, +} + +interface TtsModelModeratorFields { + creator_ip_address_creation: string, + creator_ip_address_last_update: string, + mod_deleted_at: string | undefined | null, + user_deleted_at: string | undefined | null, } interface Props { @@ -167,11 +175,6 @@ function TtsModelViewFc(props: Props) { return false; }; - const handleCancelClick = (ev: React.FormEvent) => { - ev.preventDefault(); - return false; - }; - let creatorLink=`/profile/${ttsModel?.creator_username}`; let title = 'TTS Model' @@ -184,6 +187,32 @@ function TtsModelViewFc(props: Props) { if (ttsModelUseCount !== undefined && ttsModelUseCount !== null) { humanUseCount = ttsModelUseCount; } + + let moderatorRows = null; + + if (props.sessionWrapper.canDeleteOtherUsersTtsResults() || props.sessionWrapper.canDeleteOtherUsersTtsModels()) { + moderatorRows = ( + <> + + Creator IP Address (Creation) + {ttsModel?.maybe_moderator_fields?.creator_ip_address_creation || "server error"} + + + Creator IP Address (Update) + {ttsModel?.maybe_moderator_fields?.creator_ip_address_last_update || "server error"} + + + Mod Deleted At (UTC) + {ttsModel?.maybe_moderator_fields?.mod_deleted_at || "not deleted"} + + + User Deleted At (UTC) + {ttsModel?.maybe_moderator_fields?.user_deleted_at || "not deleted"} + + + ); + } + return (
@@ -223,6 +252,9 @@ function TtsModelViewFc(props: Props) { Upload Date (UTC) {ttsModel?.created_at} + + {moderatorRows} +