From 332fcd3c7f66489bf20eba6e202b714afb61dc43 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Fri, 4 Jun 2021 01:11:34 -0400
Subject: [PATCH] model title and creator on audio result page

---
 .../TtsInferenceResultsListFc.tsx             |  2 +-
 .../v2/tts_result_view/TtsResultViewFc.tsx    | 21 ++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/vocodes/src/v2/tts_model_list/TtsInferenceResultsListFc.tsx b/vocodes/src/v2/tts_model_list/TtsInferenceResultsListFc.tsx
index 7dd1878e42..4c6d5eda74 100644
--- a/vocodes/src/v2/tts_model_list/TtsInferenceResultsListFc.tsx
+++ b/vocodes/src/v2/tts_model_list/TtsInferenceResultsListFc.tsx
@@ -14,7 +14,7 @@ function TtsInferenceResultListFc(props: Props) {
 
     if (job.maybeResultToken === undefined || job.maybeResultToken === null) {
       results.push(
-        <div key={job.jobToken}>Pending&ellip;</div>
+        <div key={job.jobToken}>Pending&#8230;</div>
       );
     } else {
 
diff --git a/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx b/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx
index 865610b117..7286ae8d86 100644
--- a/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx
+++ b/vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx
@@ -11,7 +11,9 @@ interface TtsInferenceResultResponsePayload {
 
 interface TtsInferenceResult {
   tts_result_token: string,
+
   tts_model_token: string,
+  tts_model_title: string,
 
   inference_text: string,
 
@@ -77,8 +79,7 @@ function TtsResultViewFc(props: Props) {
 
   let durationSeconds = ttsInferenceResult?.duration_millis / 1000;
 
-  // TODO
-  //let modelName = ttsInferenceResult.model_name;
+  let modelName = ttsInferenceResult.tts_model_title;
 
   let creatorDetails = <span>Anonymous user</span>;
   if (ttsInferenceResult.maybe_creator_user_token !== undefined) {
@@ -132,21 +133,27 @@ function TtsResultViewFc(props: Props) {
         </thead>
         <tbody>
           <tr>
-            <th>Creator</th>
+            <th>Original Text</th>
+            <td>
+              {ttsInferenceResult.inference_text}
+            </td>
+          </tr>
+          <tr>
+            <th>Audio Creator</th>
             <td>
               {creatorDetails}
             </td>
           </tr>
           <tr>
-            <th>Template used</th>
+            <th>Model used</th>
             <td>
-              {/*<Link to={modelLink}>
+              <Link to={modelLink}>
                 {modelName}
-  </Link>*/}
+              </Link>
             </td>
           </tr>
           <tr>
-            <th>Template creator</th>
+            <th>Model creator</th>
             <td>
               {modelCreatorDetails}
             </td>