Fix lint errors
Manually fix all lint errors.
Some errors could not be fixed, a TODO comment was added.
To fix errors caused by `react-hooks/exhaustive-deps`, missing
dependencies were added to the dependencies array of some `useEffect`
calls.
We need to make sure that all `useEffect` call work as intended before
merging
Gitlab: #29
Change-Id: I939a99b0be53795ecc28d25b5067f037403f5e08
diff --git a/client/src/components/inputs.js b/client/src/components/inputs.js
index a607a31..cbcb951 100644
--- a/client/src/components/inputs.js
+++ b/client/src/components/inputs.js
@@ -19,7 +19,7 @@
const StyledPersonIconLight = styled(PersonIcon)({ height: iconsHeight, color: '#03B9E9' });
const StyledLockIcon = styled(LockIcon)({ height: iconsHeight, color: '#03B9E9' });
-export const UsernameInput = ({ infoButtonProps, ...props }) => {
+export const UsernameInput = ({ infoButtonProps, onChange: _onChange, ...props }) => {
const [isSelected, setIsSelected] = useState(false);
const [input, setInput] = useState(props.defaultValue);
const [startAdornment, setStartAdornment] = useState();
@@ -27,9 +27,9 @@
const onChange = useCallback(
(event) => {
setInput(event.target.value);
- props.onChange?.(event);
+ _onChange?.(event);
},
- [props.onChange]
+ [_onChange]
);
useEffect(() => {
@@ -63,7 +63,7 @@
);
};
-export const PasswordInput = ({ infoButtonProps, ...props }) => {
+export const PasswordInput = ({ infoButtonProps, onChange: _onChange, ...props }) => {
const [showPassword, setShowPassword] = useState(false);
const [isSelected, setIsSelected] = useState(false);
const [input, setInput] = useState(props.defaultValue);
@@ -76,9 +76,9 @@
const onChange = useCallback(
(event) => {
setInput(event.target.value);
- props.onChange?.(event);
+ _onChange?.(event);
},
- [props.onChange]
+ [_onChange]
);
useEffect(() => {
@@ -119,7 +119,7 @@
);
};
-export const NickNameInput = (props) => {
+export const NickNameInput = ({ onChange: _onChange, ...props }) => {
const [isSelected, setIsSelected] = useState(false);
const [input, setInput] = useState(props.defaultValue);
const [startAdornmentVisibility, setStartAdornmentVisibility] = useState();
@@ -127,9 +127,9 @@
const onChange = useCallback(
(event) => {
setInput(event.target.value);
- props.onChange?.(event);
+ _onChange?.(event);
},
- [props.onChange]
+ [_onChange]
);
useEffect(() => {
@@ -152,7 +152,7 @@
);
};
-export const RegularInput = (props) => {
+export const RegularInput = ({ onChange: _onChange, ...props }) => {
const [isSelected, setIsSelected] = useState(false);
const [input, setInput] = useState(props.defaultValue);
const [startAdornmentVisibility, setStartAdornmentVisibility] = useState();
@@ -161,9 +161,9 @@
const onChange = useCallback(
(event) => {
setInput(event.target.value);
- props.onChange?.(event);
+ _onChange?.(event);
},
- [props.onChange]
+ [_onChange]
);
useEffect(() => {