From db60eb7ec341186563bc29cd34d5e1858da67d37 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Tue, 19 Oct 2021 02:09:37 -0400
Subject: [PATCH] Add notice about rename

---
 .../tts/tts_model_list/TtsModelListFc.tsx     |  3 ++-
 .../tts/tts_model_list/TtsModelListNotice.tsx | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 fakeyou/src/v2/view/tts/tts_model_list/TtsModelListNotice.tsx

diff --git a/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx b/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx
index 7403b9b9d0..022db5c49f 100644
--- a/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx
+++ b/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx
@@ -13,6 +13,7 @@ import { W2lTemplateUploadJob } from '../../../../jobs/W2lTemplateUploadJobs';
 import { v4 as uuidv4 } from 'uuid';
 import { ListTtsModels, TtsModelListItem } from '../../../api/tts/ListTtsModels';
 import { GravatarFc } from '../../_common/GravatarFc';
+import { TtsModelListNotice } from './TtsModelListNotice';
 
 
 export interface EnqueueJobResponsePayload {
@@ -184,7 +185,7 @@ function TtsModelListFc(props: Props) {
         Use deep fake tech to say stuff with your favorite characters.
       </h5>
 
-      <br />
+      <TtsModelListNotice />
 
       <form onSubmit={handleFormSubmit}>
         <div className={selectClasses}>
diff --git a/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListNotice.tsx b/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListNotice.tsx
new file mode 100644
index 0000000000..7988d107a2
--- /dev/null
+++ b/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListNotice.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+interface Props {
+}
+
+function TtsModelListNotice(props: Props) {
+  return (
+    <article className="message is-link">
+    <div className="message-body">
+      You might have noticed a name change. <em>Vocodes</em> is now <strong><em>FakeYou</em></strong>!
+      Why the change? Not many know what vocoders are, so the old name was kind of silly. 
+      We've also got lots of ambitious plans for the future, including a full set of production tools, 
+      so stay tuned.
+    </div>
+    </article>
+  )  
+}
+
+export { TtsModelListNotice }