diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx index d1f021a969..5f9b8e804d 100644 --- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx +++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx @@ -28,6 +28,7 @@ export const CompareToolbar = memo(() => { const swapImages = useCallback(() => { dispatch(comparedImagesSwapped()); }, [dispatch]); + useHotkeys('c', swapImages, [swapImages]); const toggleComparisonFit = useCallback(() => { dispatch(comparisonFitChanged(comparisonFit === 'contain' ? 'fill' : 'contain')); }, [dispatch, comparisonFit]); @@ -42,8 +43,8 @@ export const CompareToolbar = memo(() => { } - aria-label={t('gallery.swapImages')} - tooltip={t('gallery.swapImages')} + aria-label={`${t('gallery.swapImages')} (C)`} + tooltip={`${t('gallery.swapImages')} (C)`} onClick={swapImages} /> {comparisonMode !== 'side-by-side' && (