From 590811663af039f9de2eb343555f03e63f07ebff Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 1 Feb 2021 22:20:59 -0800
Subject: [PATCH] Move streamTitle to status so it can be updated via status
 polls in the background

---
 web/pages/components/main-layout.tsx | 13 +++++++------
 web/utils/server-status-context.tsx  |  1 +
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/pages/components/main-layout.tsx b/web/pages/components/main-layout.tsx
index a543c03c5a..7cd9f73361 100644
--- a/web/pages/components/main-layout.tsx
+++ b/web/pages/components/main-layout.tsx
@@ -35,10 +35,10 @@ export default function MainLayout(props) {
   const { children } = props;
 
   const context = useContext(ServerStatusContext);
-  const { serverConfig, online, broadcaster, versionNumber } = context || {};
+  const { serverConfig, online, broadcaster, versionNumber, streamTitle } = context || {};
   const { instanceDetails } = serverConfig;
 
-  const [streamTitle, setStreamTitle] = useState('');
+  const [currentStreamTitle, setCurrentStreamTitle] = useState(streamTitle);
 
   const router = useRouter();
   const { route } = router || {};
@@ -88,11 +88,11 @@ export default function MainLayout(props) {
   });
 
   useEffect(() => {
-    setStreamTitle(instanceDetails.streamTitle);
-  }, [instanceDetails]);
+    setCurrentStreamTitle(streamTitle);
+  }, [streamTitle]);
 
   const handleStreamTitleChanged = ({ value }: UpdateArgs) => {
-    setStreamTitle(value);
+    setCurrentStreamTitle(value);
   }
 
 
@@ -217,11 +217,12 @@ export default function MainLayout(props) {
         <Header className={adminStyles.header}>
           <div className={adminStyles.globalStreamTitleContainer}>
           <TextFieldWithSubmit
+            apiPath="/streamtitle"
             maxLength={100}
             className={adminStyles.globalStreamTitleInput}
             fieldName="streamTitle"
             placeholder="What you're streaming right now"
-            value={streamTitle}
+            value={currentStreamTitle}
             initialValue={instanceDetails.streamTitle}
             onChange={handleStreamTitleChanged}
           />
diff --git a/web/utils/server-status-context.tsx b/web/utils/server-status-context.tsx
index 3c2b2517c0..f83e8361ad 100644
--- a/web/utils/server-status-context.tsx
+++ b/web/utils/server-status-context.tsx
@@ -54,6 +54,7 @@ const initialServerStatusState = {
   overallPeakViewerCount: 0,
   disableUpgradeChecks: true,
   versionNumber: '0.0.0',
+  streamTitle: '',
 };
 
 export const ServerStatusContext = React.createContext({