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/buttons.js b/client/src/components/buttons.js
index 0f7666e..7d80ec8 100644
--- a/client/src/components/buttons.js
+++ b/client/src/components/buttons.js
@@ -205,7 +205,7 @@
width: '20px',
}));
-export const SelectEmojiButton = (props) => {
+export const SelectEmojiButton = ({ onEmojiSelected, ...props }) => {
const [anchorEl, setAnchorEl] = useState(null);
const handleOpenEmojiPicker = useCallback((e) => setAnchorEl(anchorEl ? null : e.currentTarget), [anchorEl]);
@@ -214,10 +214,10 @@
const onEmojiClick = useCallback(
(e, emojiObject) => {
- props.onEmojiSelected(emojiObject.emoji);
+ onEmojiSelected(emojiObject.emoji);
handleClose();
},
- [handleClose, props.onEmojiSelected]
+ [handleClose, onEmojiSelected]
);
const open = Boolean(anchorEl);