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

16
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 React, { useContext, useState, useEffect } from 'react';
import { UpdateArgs } from '../../../types/config-section';
@ -18,7 +18,7 @@ import {
} from '../../../utils/input-statuses';
import TextField from './form-textfield';
import FormStatusIndicator from './form-status-indicator';
import {isValidUrl} from '../../../utils/urls';
import { isValidUrl } from '../../../utils/urls';
const { Panel } = Collapse;
@ -52,6 +52,7 @@ function checkSaveable(formValues: any, currentValues: any) {
export default function EditStorage() {
const [formDataValues, setFormDataValues] = useState(null);
const [submitStatus, setSubmitStatus] = useState<StatusState>(null);
const [saved, setSaved] = useState<Boolean>(false);
const [shouldDisplayForm, setShouldDisplayForm] = useState(false);
const serverStatusData = useContext(ServerStatusContext);
@ -114,6 +115,7 @@ export default function EditStorage() {
setFieldInConfigState({ fieldName: 's3', value: postValue, path: '' });
setSubmitStatus(createInputStatus(STATUS_SUCCESS, 'Updated.'));
resetTimer = setTimeout(resetStates, RESET_TIMEOUT);
setSaved(true);
},
onError: (message: string) => {
setSubmitStatus(createInputStatus(STATUS_ERROR, message));
@ -139,6 +141,14 @@ export default function EditStorage() {
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);
return (
@ -211,6 +221,8 @@ export default function EditStorage() {
</Collapse>
</div>
{saveWarning}
<div className="button-container">
<Button type="primary" onClick={handleSave} disabled={!isSaveable}>
Save