Add React hooks eslint

This commit is contained in:
Gregory Schier
2023-04-01 15:26:57 -07:00
parent 604254257d
commit b23e56c3af
23 changed files with 151 additions and 98 deletions

View File

@@ -100,7 +100,7 @@ function SidebarItems({
updateRequest.mutate({ id: requestId, update });
}
},
[hoveredIndex, requests],
[hoveredIndex, requests, updateRequest],
);
return (
@@ -139,10 +139,13 @@ const _SidebarItem = forwardRef(function SidebarItem(
const updateRequest = useUpdateRequest(requestId);
const [editing, setEditing] = useState<boolean>(false);
const handleSubmitNameEdit = useCallback(async (el: HTMLInputElement) => {
await updateRequest.mutate((r) => ({ ...r, name: el.value }));
setEditing(false);
}, []);
const handleSubmitNameEdit = useCallback(
async (el: HTMLInputElement) => {
await updateRequest.mutate((r) => ({ ...r, name: el.value }));
setEditing(false);
},
[updateRequest],
);
const handleFocus = useCallback((el: HTMLInputElement | null) => {
el?.focus();
@@ -171,7 +174,7 @@ const _SidebarItem = forwardRef(function SidebarItem(
break;
}
},
[active],
[handleSubmitNameEdit],
);
return (