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

add option to disable multiselect

Browse Source
This commit is contained in:
Mary Hipp 2023-08-07 10:22:12 -04:00 committed by psychedelicious
parent 4367061b19
commit fe924daee3
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
invokeai/frontend/web/src/app/types/invokeai.ts
View File

@ -96,7 +96,8 @@ export type AppFeature =
| 'consoleLogging' | 'consoleLogging'
| 'dynamicPrompting' | 'dynamicPrompting'
| 'batches' | 'batches'
| 'syncModels'; | 'syncModels'
| 'multiselect';
/** /**
* A disable-able Stable Diffusion feature * A disable-able Stable Diffusion feature

10
invokeai/frontend/web/src/features/gallery/hooks/useMultiselect.ts.ts
View File

@ -9,6 +9,7 @@ import { useListImagesQuery } from 'services/api/endpoints/images';
import { ImageDTO } from 'services/api/types'; import { ImageDTO } from 'services/api/types';
import { selectionChanged } from '../store/gallerySlice'; import { selectionChanged } from '../store/gallerySlice';
import { imagesSelectors } from 'services/api/util'; import { imagesSelectors } from 'services/api/util';
import { useFeatureStatus } from '../../system/hooks/useFeatureStatus';
const selector = createSelector( const selector = createSelector(
[stateSelector, selectListImagesBaseQueryArgs], [stateSelector, selectListImagesBaseQueryArgs],
@ -33,11 +34,18 @@ export const useMultiselect = (imageDTO?: ImageDTO) => {
}), }),
}); });
const isMultiSelectEnabled = useFeatureStatus('multiselect').isFeatureEnabled;
const handleClick = useCallback( const handleClick = useCallback(
(e: MouseEvent<HTMLDivElement>) => { (e: MouseEvent<HTMLDivElement>) => {
if (!imageDTO) { if (!imageDTO) {
return; return;
} }
if (!isMultiSelectEnabled) {
dispatch(selectionChanged([imageDTO]));
return;
}
if (e.shiftKey) { if (e.shiftKey) {
const rangeEndImageName = imageDTO.image_name; const rangeEndImageName = imageDTO.image_name;
const lastSelectedImage = selection[selection.length - 1]?.image_name; const lastSelectedImage = selection[selection.length - 1]?.image_name;
@ -71,7 +79,7 @@ export const useMultiselect = (imageDTO?: ImageDTO) => {
dispatch(selectionChanged([imageDTO])); dispatch(selectionChanged([imageDTO]));
} }
}, },
[dispatch, imageDTO, imageDTOs, selection] [dispatch, imageDTO, imageDTOs, selection, isMultiSelectEnabled]
); );
const isSelected = useMemo( const isSelected = useMemo(