From 4022909f14c6012780c65b56bd2aa20d26b3c9bf Mon Sep 17 00:00:00 2001
From: AnimeDL <multidownloadernx@gmail.com>
Date: Sun, 9 Jul 2023 14:07:30 -0700
Subject: [PATCH] Prevent episode selection from contextmenu

Episode would be selected if you selected anything in the contextmenu from the Episode List screen.

Co-authored-by: AnidlSupport <AnidlSupport@users.noreply.github.com>
---
 .../Listing/EpisodeListing.tsx                | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/gui/react/src/components/AddToQueue/DownloadSelector/Listing/EpisodeListing.tsx b/gui/react/src/components/AddToQueue/DownloadSelector/Listing/EpisodeListing.tsx
index f3a2e65..d3668a2 100644
--- a/gui/react/src/components/AddToQueue/DownloadSelector/Listing/EpisodeListing.tsx
+++ b/gui/react/src/components/AddToQueue/DownloadSelector/Listing/EpisodeListing.tsx
@@ -79,19 +79,17 @@ const EpisodeListing: React.FC = () => {
         const isSelected = selected.includes(e.toString());
         const imageRef = React.createRef<HTMLImageElement>();
         const summaryRef = React.createRef<HTMLParagraphElement>();
-        return <Box {...{ mouseData: isSelected }} key={`Episode_List_Item_${index}`} 
-        onClick={() => {
-          let arr: string[] = [];
-          if (isSelected) {
-            arr = [...selected.filter(a => a !== e.toString())];
-          } else {
-            arr = [...selected, e.toString()];
-          }
-          setSelected(arr.filter(a => a.length > 0));
-        }}>
-          <ListItem sx={{backdropFilter: isSelected ? 'brightness(1.5)' : '', 
-          '&:hover': {backdropFilter: 'brightness(1.5)'}, 
-          display: 'grid', gridTemplateColumns: '25px 50px 1fr 5fr' }}>
+        return <Box {...{ mouseData: isSelected }} key={`Episode_List_Item_${index}`}>
+          <ListItem sx={{backdropFilter: isSelected ? 'brightness(1.5)' : '', '&:hover': {backdropFilter: 'brightness(1.5)'}, display: 'grid', gridTemplateColumns: '25px 50px 1fr 5fr' }} 
+          onClick={() => {
+            let arr: string[] = [];
+            if (isSelected) {
+              arr = [...selected.filter(a => a !== e.toString())];
+            } else {
+              arr = [...selected, e.toString()];
+            }
+            setSelected(arr.filter(a => a.length > 0));
+          }}>
             { isSelected ? <CheckBox /> : <CheckBoxOutlineBlank /> }
             <Typography color='text.primary' sx={{ textAlign: 'center' }}>
               {idStr}