mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
add useCallback
This commit is contained in:
parent
28001271b8
commit
ee253ea4f1
@ -13,9 +13,9 @@ import { makeToast } from 'app/components/Toaster';
|
|||||||
import { RootState } from 'app/store/store';
|
import { RootState } from 'app/store/store';
|
||||||
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
|
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
|
||||||
import IAIIconButton from 'common/components/IAIIconButton';
|
import IAIIconButton from 'common/components/IAIIconButton';
|
||||||
import { clearNodes } from 'features/nodes/store/nodesSlice';
|
import { nodeEditorReset } from 'features/nodes/store/nodesSlice';
|
||||||
import { addToast } from 'features/system/store/systemSlice';
|
import { addToast } from 'features/system/store/systemSlice';
|
||||||
import { memo, useRef } from 'react';
|
import { memo, useRef, useCallback } from 'react';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { FaTrash } from 'react-icons/fa';
|
import { FaTrash } from 'react-icons/fa';
|
||||||
|
|
||||||
@ -27,8 +27,8 @@ const ClearNodesButton = () => {
|
|||||||
|
|
||||||
const nodes = useAppSelector((state: RootState) => state.nodes.nodes);
|
const nodes = useAppSelector((state: RootState) => state.nodes.nodes);
|
||||||
|
|
||||||
const handleConfirmClear = () => {
|
const handleConfirmClear = useCallback(() => {
|
||||||
dispatch(clearNodes());
|
dispatch(nodeEditorReset());
|
||||||
|
|
||||||
dispatch(
|
dispatch(
|
||||||
addToast(
|
addToast(
|
||||||
@ -40,7 +40,7 @@ const ClearNodesButton = () => {
|
|||||||
);
|
);
|
||||||
|
|
||||||
onClose();
|
onClose();
|
||||||
};
|
}, [dispatch, t, onClose]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user