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): add hotkey to swap comparison images

Browse Source
This commit is contained in:
psychedelicious 2024-06-02 14:42:30 +10:00
parent 220d45967e
commit 9a0b77ad38
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx
View File

@ -28,6 +28,7 @@ export const CompareToolbar = memo(() => {
const swapImages = useCallback(() => { const swapImages = useCallback(() => {
dispatch(comparedImagesSwapped()); dispatch(comparedImagesSwapped());
}, [dispatch]); }, [dispatch]);
useHotkeys('c', swapImages, [swapImages]);
const toggleComparisonFit = useCallback(() => { const toggleComparisonFit = useCallback(() => {
dispatch(comparisonFitChanged(comparisonFit === 'contain' ? 'fill' : 'contain')); dispatch(comparisonFitChanged(comparisonFit === 'contain' ? 'fill' : 'contain'));
}, [dispatch, comparisonFit]); }, [dispatch, comparisonFit]);
@ -42,8 +43,8 @@ export const CompareToolbar = memo(() => {
<Flex gap={2} marginInlineEnd="auto"> <Flex gap={2} marginInlineEnd="auto">
<IconButton <IconButton
icon={<PiSwapBold />} icon={<PiSwapBold />}
aria-label={t('gallery.swapImages')} aria-label={`${t('gallery.swapImages')} (C)`}
tooltip={t('gallery.swapImages')} tooltip={`${t('gallery.swapImages')} (C)`}
onClick={swapImages} onClick={swapImages}
/> />
{comparisonMode !== 'side-by-side' && ( {comparisonMode !== 'side-by-side' && (