Adjust onChange logic for default text field

benjamindehli · May 1, 2024 · 45ae96e · 45ae96e
1 parent 7b13e07
commit 45ae96e
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/src/components/Template/DefaultTextField.jsx b/src/components/Template/DefaultTextField.jsx
@@ -23,7 +23,8 @@ export function DefaultTextField({
     helperText,
     inputProps,
     autoFocus,
-    required
+    required,
+    onChange
 }) {
     const [showHelperText, setShowHelperText] = useState(false);
 
@@ -44,24 +45,27 @@ export function DefaultTextField({
                 id={idWithFallback}
                 type={type}
                 name={name}
-                defaultValue={defaultValue}
+                defaultValue={defaultValue(name)}
                 inputProps={{ ...inputProps, "aria-label": labelWithFallback }}
                 aria-describedby={helperTextId}
                 autoFocus={autoFocus}
                 required={required}
+                onChange={onChange}
+                label={labelWithFallback}
                 endAdornment={
-                    <InputAdornment position="end">
-                        <IconButton
-                            aria-label="toggle password visibility"
-                            onClick={handleClickShowHelperText}
-                            onMouseDown={handleMouseDownShowHelperText}
-                            edge="end"
-                        >
-                            <Help color={showHelperText ? "primary" : "inherit"} />
-                        </IconButton>
-                    </InputAdornment>
+                    helperText?.length && (
+                        <InputAdornment position="end">
+                            <IconButton
+                                aria-label="toggle password visibility"
+                                onClick={handleClickShowHelperText}
+                                onMouseDown={handleMouseDownShowHelperText}
+                                edge="end"
+                            >
+                                <Help color={showHelperText ? "primary" : "inherit"} />
+                            </IconButton>
+                        </InputAdornment>
+                    )
                 }
-                label={labelWithFallback}
             />
             <Collapse in={showHelperText}>
                 <FormHelperText id={helperTextId}>{helperText}</FormHelperText>