mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-24 21:45:59 +03:00
Code Issues Projects Releases Packages Wiki Activity

update the TextFieldWithSubmit component

Browse source
This commit is contained in:
dorj222 2023-02-01 10:19:29 +01:00
parent 9309ed78f7
commit ad40981668
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
web/components/admin/TextFieldWithSubmit.tsx
View file

@ -38,6 +38,7 @@ export const TextFieldWithSubmit: FC<TextFieldWithSubmitProps> = ({
const [hasChanged, setHasChanged] = useState(false);
const [isPwdInput, setPwdInputField] = useState(false);
const serverStatusData = useContext(ServerStatusContext);
const { setFieldInConfigState } = serverStatusData || {};
@ -66,6 +67,13 @@ export const TextFieldWithSubmit: FC<TextFieldWithSubmitProps> = ({
}
}, [value]);
useEffect(() => {
if (fieldName === 'adminPassword') {
setPwdInputField(true);
}
setPwdInputField(false);
}, [fieldName]);
// if field is required but value is empty, or equals initial value, then don't show submit/update button. otherwise clear out any result messaging and display button.
const handleChange = ({ fieldName: changedFieldName, value: changedValue }: UpdateArgs) => {
if (onChange) {
@ -119,13 +127,6 @@ export const TextFieldWithSubmit: FC<TextFieldWithSubmitProps> = ({
submittable: hasChanged,
});
const isPasswordInput = () => {
if (fieldName === 'adminPassword') {
return false;
}
return true;
};
return (
<div className={textfieldContainerClass}>
<div className="textfield-component">
@ -143,7 +144,7 @@ export const TextFieldWithSubmit: FC<TextFieldWithSubmitProps> = ({
<div className="field-tip">{tip}</div>
<FormStatusIndicator status={status || submitStatus} />
<div className="update-button-container">
{isPasswordInput() && (
{isPwdInput && (
<Button
type="primary"
size="small"