From 9a0b77ad387a0c925b94d93d963df0fd0fd518e6 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sun, 2 Jun 2024 14:42:30 +1000
Subject: [PATCH] feat(ui): add hotkey to swap comparison images

---
 .../gallery/components/ImageViewer/CompareToolbar.tsx        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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(() => {
         <Flex gap={2} marginInlineEnd="auto">
           <IconButton
             icon={<PiSwapBold />}
-            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' && (