FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 23:46:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): fix values persisting across input dialogs opened quickly

Browse Source
This commit is contained in:
Luke
2022-12-16 09:40:28 +01:00
parent 41b0850764
commit abff60d4ed
4 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/features/dialog/InputDialog.tsx
View File

@@ -72,10 +72,9 @@ const InputDialog: React.FC = () => {
<ModalHeader textAlign="center">{fields.heading}</ModalHeader> <ModalHeader textAlign="center">{fields.heading}</ModalHeader>
<ModalBody fontFamily="Poppins" textAlign="left"> <ModalBody fontFamily="Poppins" textAlign="left">
{fields.rows.map((row: IInput | ICheckbox | ISelect | INumber | ISlider, index) => ( {fields.rows.map((row: IInput | ICheckbox | ISelect | INumber | ISlider, index) => (
<React.Fragment key={`row-${index}`}> <React.Fragment key={`row-${index}-${row.type}-${row.label}`}>
{row.type === 'input' && ( {row.type === 'input' && (
<InputField <InputField
key={`input-${index}`}
row={row} row={row}
index={index} index={index}
handleChange={handleChange} handleChange={handleChange}

2
web/src/features/dialog/components/fields/checkbox.tsx
View File

@@ -16,7 +16,7 @@ const CheckboxField: React.FC<Props> = (props) => {
return ( return (
<> <>
<Box mb={3} key={`checkbox-${props.index}`}> <Box mb={3}>
<Checkbox <Checkbox
onChange={(e: React.ChangeEvent<HTMLInputElement>) => props.handleChange(e.target.checked, props.index)} onChange={(e: React.ChangeEvent<HTMLInputElement>) => props.handleChange(e.target.checked, props.index)}
defaultChecked={props.row.checked} defaultChecked={props.row.checked}

2
web/src/features/dialog/components/fields/select.tsx
View File

@@ -21,7 +21,7 @@ const SelectField: React.FC<Props> = (props) => {
return ( return (
<> <>
<Box mb={3} key={`select-${props.row.label}-${props.index}`}> <Box mb={3}>
<Select <Select
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => props.handleChange(e.target.value, props.index)} onChange={(e: React.ChangeEvent<HTMLSelectElement>) => props.handleChange(e.target.value, props.index)}
defaultValue={props.row.default || ''} defaultValue={props.row.default || ''}

2
web/src/features/dialog/components/fields/slider.tsx
View File

@@ -18,7 +18,7 @@ const SliderField: React.FC<Props> = (props) => {
return ( return (
<> <>
<Box mb={3} key={`slider-${props.index}`}> <Box mb={3}>
<Label label={props.row.label} description={props.row.description} /> <Label label={props.row.label} description={props.row.description} />
<Slider <Slider
onChangeEnd={(val: number) => props.handleChange(val, props.index)} onChangeEnd={(val: number) => props.handleChange(val, props.index)}