Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): cancel shape drawing on esc

Browse Source
This commit is contained in:
psychedelicious 2024-06-06 08:53:53 +10:00
parent b71ba63b5a
commit 3c7140cbf3
1 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
invokeai/frontend/web/src/features/controlLayers/components/StageComponent.tsx
View File

@ -161,9 +161,20 @@ const useStageRenderer = (
useLayoutEffect(() => {
log.trace('Adding stage listeners');
if (asPreview) {
if (asPreview || !container) {
return;
}
const cancelShape = (e: KeyboardEvent) => {
// Cancel shape drawing on escape
if (e.key === 'Escape') {
$isDrawing.set(false);
$lastMouseDownPos.set(null);
}
};
container.addEventListener('keydown', cancelShape);
const cleanup = setStageEventHandlers({
stage,
$tool,
@ -186,8 +197,18 @@ const useStageRenderer = (
return () => {
log.trace('Removing stage listeners');
cleanup();
container.removeEventListener('keydown', cancelShape);
};
}, [asPreview, onBrushLineAdded, onBrushSizeChanged, onEraserLineAdded, onPointAddedToLine, onRectShapeAdded, stage]);
}, [
asPreview,
onBrushLineAdded,
onBrushSizeChanged,
onEraserLineAdded,
onPointAddedToLine,
onRectShapeAdded,
stage,
container,
]);
useLayoutEffect(() => {
log.trace('Updating stage dimensions');