share results in common

vocodes/src/v2/common/TtsInferenceResultsListFc.tsx

@@ -29,7 +29,10 @@ function TtsInferenceResultListFc(props: Props) {
               <code>audio</code> element.
           </audio>
 
-          <Link to={ttsPermalink}>Permalink &amp; download</Link>
+          <Link 
+            to={ttsPermalink}
+            className="button is-normal is-outlined is-info"
+            >Permalink &amp; download</Link>
         </div>
       );
     }

vocodes/src/v2/tts_model_list/TtsModelFormFc.tsx

@@ -4,7 +4,7 @@ import { SessionWrapper } from '../../session/SessionWrapper';
 import { v1 as uuidv1 } from 'uuid';
 import { Link } from 'react-router-dom';
 import { TtsInferenceJob } from '../../App';
-import { TtsInferenceResultListFc } from './TtsInferenceResultsListFc';
+import { TtsInferenceResultListFc } from '../common/TtsInferenceResultsListFc';
 
 interface TtsModelListResponsePayload {
   success: boolean,

vocodes/src/v2/tts_model_view/TtsModelViewFc.tsx

@@ -7,7 +7,7 @@ import { SessionWrapper } from '../../session/SessionWrapper';
 import { TtsInferenceJob } from '../../App';
 import { v1 as uuidv1 } from 'uuid';
 import { EnqueueJobResponsePayload } from '../tts_model_list/TtsModelFormFc';
-import { TtsInferenceResultListFc } from '../tts_model_list/TtsInferenceResultsListFc';
+import { TtsInferenceResultListFc } from '../common/TtsInferenceResultsListFc';
 
 interface TtsModelViewResponsePayload {
   success: boolean,
@@ -206,7 +206,7 @@ function TtsModelViewFc(props: Props) {
 
       <br />
       <br />
-      
+
       <TtsInferenceResultListFc ttsInferenceJobs={props.ttsInferenceJobs} />
       <br />
     </div>

vocodes/src/v2/tts_result_view/TtsResultViewFc.tsx

@@ -113,9 +113,17 @@ function TtsResultViewFc(props: Props) {
     );
   }
 
+  let headingTitle = 'TTS Result';
+  let subtitle = <span />;
+  if (ttsInferenceResult.tts_model_title !== undefined && ttsInferenceResult.tts_model_title !== null) {
+    headingTitle = `${ttsInferenceResult.tts_model_title}`;
+    subtitle = <h3 className="subtitle is-3"> TTS Result</h3>;
+  }
+
   return (
     <div>
-      <h1 className="title is-1"> TTS Result </h1>
+      <h1 className="title is-1"> {headingTitle} </h1>
+      {subtitle}
 
       <audio
         controls