mirror of
https://github.com/owncast/owncast.git
synced 2024-10-24 21:45:59 +03:00
update the TextFieldWithSubmit component
This commit is contained in:
parent
9309ed78f7
commit
ad40981668
1 changed files with 9 additions and 8 deletions
|
@ -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"
|
||||
|
|
Loading…
Reference in a new issue