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

Show warning after changing storage

Browse Source
This commit is contained in:
Gabe Kangas 2021-02-01 18:19:13 -08:00
parent 838f34d0d0
commit fc100cec35
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/pages/components/config/edit-storage.tsx
View File

@ -1,4 +1,4 @@
import { Switch, Button, Collapse } from 'antd'; import { Switch, Button, Collapse, Alert } from 'antd';
import classNames from 'classnames'; import classNames from 'classnames';
import React, { useContext, useState, useEffect } from 'react'; import React, { useContext, useState, useEffect } from 'react';
import { UpdateArgs } from '../../../types/config-section'; import { UpdateArgs } from '../../../types/config-section';
@ -52,6 +52,7 @@ function checkSaveable(formValues: any, currentValues: any) {
export default function EditStorage() { export default function EditStorage() {
const [formDataValues, setFormDataValues] = useState(null); const [formDataValues, setFormDataValues] = useState(null);
const [submitStatus, setSubmitStatus] = useState<StatusState>(null); const [submitStatus, setSubmitStatus] = useState<StatusState>(null);
const [saved, setSaved] = useState<Boolean>(false);
const [shouldDisplayForm, setShouldDisplayForm] = useState(false); const [shouldDisplayForm, setShouldDisplayForm] = useState(false);
const serverStatusData = useContext(ServerStatusContext); const serverStatusData = useContext(ServerStatusContext);
@ -114,6 +115,7 @@ export default function EditStorage() {
setFieldInConfigState({ fieldName: 's3', value: postValue, path: '' }); setFieldInConfigState({ fieldName: 's3', value: postValue, path: '' });
setSubmitStatus(createInputStatus(STATUS_SUCCESS, 'Updated.')); setSubmitStatus(createInputStatus(STATUS_SUCCESS, 'Updated.'));
resetTimer = setTimeout(resetStates, RESET_TIMEOUT); resetTimer = setTimeout(resetStates, RESET_TIMEOUT);
setSaved(true);
}, },
onError: (message: string) => { onError: (message: string) => {
setSubmitStatus(createInputStatus(STATUS_ERROR, message)); setSubmitStatus(createInputStatus(STATUS_ERROR, message));
@ -139,6 +141,14 @@ export default function EditStorage() {
enabled: shouldDisplayForm, enabled: shouldDisplayForm,
}); });
const saveWarning = saved ? (<Alert
showIcon
message="Storage changes"
description="Your storage settings will take effect on your next stream. If you're currently streaming you'll continue to use the storage configuration previously set."
type="warning"
/>
) : null;
const isSaveable = checkSaveable(formDataValues, s3); const isSaveable = checkSaveable(formDataValues, s3);
return ( return (
@ -211,6 +221,8 @@ export default function EditStorage() {
</Collapse> </Collapse>
</div> </div>
{saveWarning}
<div className="button-container"> <div className="button-container">
<Button type="primary" onClick={handleSave} disabled={!isSaveable}> <Button type="primary" onClick={handleSave} disabled={!isSaveable}>
Save Save