Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Try to get the stream title text field working. Failing.

Browse Source
This commit is contained in:
Gabe Kangas 2021-01-28 12:46:19 -08:00
parent 84f001c344
commit 81392ee2cf
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/pages/index.tsx
View File

@ -15,7 +15,8 @@ import { ServerStatusContext } from "../utils/server-status-context";
import StatisticItem from "./components/statistic" import StatisticItem from "./components/statistic"
import LogTable from "./components/log-table"; import LogTable from "./components/log-table";
import Offline from './offline-notice'; import Offline from './offline-notice';
import TextField, { TEXTFIELD_TYPE_TEXTAREA, TEXTFIELD_TYPE_URL } from './components/config/form-textfield'; import TextField from './components/config/form-textfield';
import { API_STREAM_TITLE, postConfigUpdateToAPI, TEXTFIELD_PROPS_STREAM_TITLE } from './components/config/constants';
import { import {
LOGS_WARN, LOGS_WARN,
@ -40,6 +41,7 @@ export default function Home() {
const { remoteAddr, streamDetails } = broadcaster || {}; const { remoteAddr, streamDetails } = broadcaster || {};
const encoder = streamDetails?.encoder || "Unknown encoder"; const encoder = streamDetails?.encoder || "Unknown encoder";
const [streamTitle, setStreamTitle] = useState(configData.instanceDetails.streamTitle);
const [logsData, setLogs] = useState([]); const [logsData, setLogs] = useState([]);
const getLogs = async () => { const getLogs = async () => {
@ -59,7 +61,7 @@ export default function Home() {
let intervalId = null; let intervalId = null;
intervalId = setInterval(getMoreStats, FETCH_INTERVAL); intervalId = setInterval(getMoreStats, FETCH_INTERVAL);
return () => { return () => {
clearInterval(intervalId); clearInterval(intervalId);
} }
@ -75,6 +77,11 @@ export default function Home() {
); );
} }
const handleStreamTitleChanged = (fieldName: string, value: string) => {
setStreamTitle(value);
}
if (!broadcaster) { if (!broadcaster) {
return <Offline logs={logsData} />; return <Offline logs={logsData} />;
} }
@ -145,9 +152,13 @@ export default function Home() {
<div className="section online-details-section"> <div className="section online-details-section">
<Card title="Stream description"> <Card title="Stream description">
<Form> <TextField
<TextField fieldName="streamTitle" configPath="streamtitle" placeholder="What you're streaming right now" /> fieldName="streamTitle"
</Form> {...TEXTFIELD_PROPS_STREAM_TITLE}
value={streamTitle}
initialValue={streamTitle}
onChange={handleStreamTitleChanged}
/>
</Card> </Card>
</div> </div>