From 2db4651645eeb1860cd303cab7ce6c5c52cd1a35 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 22 May 2026 12:33:11 +0200
Subject: [PATCH] Show migration exclude/include button only with selected
 match

---
 CHANGELOG.md                                  |  1 +
 .../migration-entry/MigrationEntry.tsx        |  4 +-
 .../MigrationEntrySearchExcludeActions.tsx    | 52 +++++++++++--------
 3 files changed, 32 insertions(+), 25 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b6176eda..a1707c36 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -25,6 +25,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 - (**Migration**) Abort active search when selecting a match through the manual search
 - (**Migration**) Sort unselected matched entries by 1. their latest chapter, 2. their source priority, 3. their title
 - (**Migration**) Change migration match exclude/include icons
+- (**Migration**) Show the exclude/include button only for an entry with a selected match
 
 ### Fixed
 
diff --git a/src/features/migration/components/migration-entry/MigrationEntry.tsx b/src/features/migration/components/migration-entry/MigrationEntry.tsx
index 085f2075..ac808967 100644
--- a/src/features/migration/components/migration-entry/MigrationEntry.tsx
+++ b/src/features/migration/components/migration-entry/MigrationEntry.tsx
@@ -91,7 +91,7 @@ const MigrationEntryMobile = memo(
 
                 {!isMigrating && (
                     <MigrationEntrySearchExcludeActions
-                        hasResults={!!destinationEntry}
+                        hasSelectedMatch={!!destinationEntry}
                         otherResultsCount={otherSearchMatches.length}
                         isExpanded={isExpanded}
                         setIsExpanded={setIsExpanded}
@@ -153,7 +153,7 @@ export const MigrationEntryDesktop = memo(
 
                         {!isMigrating && (
                             <MigrationEntrySearchExcludeActions
-                                hasResults={!!destinationEntry}
+                                hasSelectedMatch={!!destinationEntry}
                                 otherResultsCount={otherSearchMatches.length}
                                 isExpanded={isExpanded}
                                 setIsExpanded={setIsExpanded}
diff --git a/src/features/migration/components/migration-entry/MigrationEntrySearchExcludeActions.tsx b/src/features/migration/components/migration-entry/MigrationEntrySearchExcludeActions.tsx
index acb2e1bb..537ad50f 100644
--- a/src/features/migration/components/migration-entry/MigrationEntrySearchExcludeActions.tsx
+++ b/src/features/migration/components/migration-entry/MigrationEntrySearchExcludeActions.tsx
@@ -26,7 +26,7 @@ import RemoveCircleOutlineOutlinedIcon from '@mui/icons-material/RemoveCircleOut
 import AddCircleOutlineOutlinedIcon from '@mui/icons-material/AddCircleOutlineOutlined';
 
 export const MigrationEntrySearchExcludeActions = ({
-    hasResults,
+    hasSelectedMatch,
     otherResultsCount,
     isExpanded,
     setIsExpanded,
@@ -34,7 +34,7 @@ export const MigrationEntrySearchExcludeActions = ({
     mangaId,
     mangaTitle,
 }: {
-    hasResults: boolean;
+    hasSelectedMatch: boolean;
     otherResultsCount: number;
     isExpanded: boolean;
     setIsExpanded: (expanded: boolean) => void;
@@ -74,33 +74,39 @@ export const MigrationEntrySearchExcludeActions = ({
                         </CustomButtonIcon>
                     </CustomTooltip>
                 )}
-                <CustomTooltip title={isExcluded ? t`Include` : t`Exclude`}>
-                    <CustomButtonIcon
-                        sx={{
-                            flexGrow: Number(!otherResultsCount),
-                        }}
-                        onClick={() =>
-                            isExcluded ? MigrationManager.includeManga(mangaId) : MigrationManager.excludeManga(mangaId)
-                        }
-                    >
-                        {isExcluded ? <AddCircleOutlineOutlinedIcon /> : <RemoveCircleOutlineOutlinedIcon />}
-                    </CustomButtonIcon>
-                </CustomTooltip>
+                {hasSelectedMatch && (
+                    <CustomTooltip title={isExcluded ? t`Include` : t`Exclude`}>
+                        <CustomButtonIcon
+                            sx={{
+                                flexGrow: Number(!otherResultsCount),
+                            }}
+                            onClick={() =>
+                                isExcluded
+                                    ? MigrationManager.includeManga(mangaId)
+                                    : MigrationManager.excludeManga(mangaId)
+                            }
+                        >
+                            {isExcluded ? <AddCircleOutlineOutlinedIcon /> : <RemoveCircleOutlineOutlinedIcon />}
+                        </CustomButtonIcon>
+                    </CustomTooltip>
+                )}
             </ButtonGroup>
         );
     }
 
     return (
         <Stack sx={{ gap: 1, justifyContent: 'center' }}>
-            <CustomTooltip title={isExcluded ? t`Include` : t`Exclude`} placement="auto">
-                <IconButton
-                    onClick={() =>
-                        isExcluded ? MigrationManager.includeManga(mangaId) : MigrationManager.excludeManga(mangaId)
-                    }
-                >
-                    {isExcluded ? <AddIcon /> : <CloseIcon />}
-                </IconButton>
-            </CustomTooltip>
+            {hasSelectedMatch && (
+                <CustomTooltip title={isExcluded ? t`Include` : t`Exclude`} placement="auto">
+                    <IconButton
+                        onClick={() =>
+                            isExcluded ? MigrationManager.includeManga(mangaId) : MigrationManager.excludeManga(mangaId)
+                        }
+                    >
+                        {isExcluded ? <AddIcon /> : <CloseIcon />}
+                    </IconButton>
+                </CustomTooltip>
+            )}
             <CustomTooltip title={t`Manual search`} placement="auto">
                 <IconButton
                     onClick={() => {