github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-12 21:25:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): unnecessary dependency on tab selection in

Browse Source 
useCanvasDeleteLayerHotkey
This commit is contained in:
psychedelicious
2025-06-20 11:48:48 +10:00
parent e0ed56ff8d
commit 7f222ffb9d
1 changed files with 5 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
invokeai/frontend/web/src/features/controlLayers/hooks/useCanvasDeleteLayerHotkey.ts
View File

@@ -4,8 +4,8 @@ import { useCanvasIsBusy } from 'features/controlLayers/hooks/useCanvasIsBusy';
import { entityDeleted } from 'features/controlLayers/store/canvasSlice';
import { selectSelectedEntityIdentifier } from 'features/controlLayers/store/selectors';
import { useRegisteredHotkeys } from 'features/system/components/HotkeysModal/useHotkeyData';
import { selectActiveTab, selectActiveTabCanvasRightPanel } from 'features/ui/store/uiSelectors';
import { useCallback, useMemo } from 'react';
import { selectActiveTabCanvasRightPanel } from 'features/ui/store/uiSelectors';
import { useCallback } from 'react';
export function useCanvasDeleteLayerHotkey() {
useAssertSingleton(useCanvasDeleteLayerHotkey.name);
@@ -13,25 +13,18 @@ export function useCanvasDeleteLayerHotkey() {
const selectedEntityIdentifier = useAppSelector(selectSelectedEntityIdentifier);
const isBusy = useCanvasIsBusy();
const canvasRightPanelTab = useAppSelector(selectActiveTabCanvasRightPanel);
const appTab = useAppSelector(selectActiveTab);
const deleteSelectedLayer = useCallback(() => {
if (selectedEntityIdentifier === null) {
if (selectedEntityIdentifier === null || isBusy || canvasRightPanelTab !== 'layers') {
return;
}
dispatch(entityDeleted({ entityIdentifier: selectedEntityIdentifier }));
}, [dispatch, selectedEntityIdentifier]);
const isDeleteEnabled = useMemo(
() => selectedEntityIdentifier !== null && !isBusy && canvasRightPanelTab === 'layers' && appTab === 'canvas',
[selectedEntityIdentifier, isBusy, canvasRightPanelTab, appTab]
);
}, [canvasRightPanelTab, dispatch, isBusy, selectedEntityIdentifier]);
useRegisteredHotkeys({
id: 'deleteSelected',
category: 'canvas',
callback: deleteSelectedLayer,
options: { enabled: isDeleteEnabled },
dependencies: [isDeleteEnabled, deleteSelectedLayer],
dependencies: [deleteSelectedLayer],
});
}