From 939e45e646b7ad21d426ee695e41262832ec7ccf Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Sun, 9 Mar 2025 21:46:08 +0200
Subject: [PATCH] Disable left/right arrow navigation when a modal is open on
 Movie Details

---
 frontend/src/Movie/Details/MovieDetails.tsx | 23 ++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Movie/Details/MovieDetails.tsx b/frontend/src/Movie/Details/MovieDetails.tsx
index c7c781da0..cf342a5e6 100644
--- a/frontend/src/Movie/Details/MovieDetails.tsx
+++ b/frontend/src/Movie/Details/MovieDetails.tsx
@@ -431,6 +431,17 @@ function MovieDetails({ movieId }: MovieDetailsProps) {
 
   const handleKeyUp = useCallback(
     (event: KeyboardEvent) => {
+      if (
+        isOrganizeModalOpen ||
+        isManageMoviesModalOpen ||
+        isInteractiveSearchModalOpen ||
+        isEditMovieModalOpen ||
+        isDeleteMovieModalOpen ||
+        isMovieHistoryModalOpen
+      ) {
+        return;
+      }
+
       if (event.composedPath && event.composedPath().length === 4) {
         if (event.key === 'ArrowLeft' && previousMovie !== undefined) {
           history.push(getPathWithUrlBase(`/movie/${previousMovie.titleSlug}`));
@@ -441,7 +452,17 @@ function MovieDetails({ movieId }: MovieDetailsProps) {
         }
       }
     },
-    [previousMovie, nextMovie, history]
+    [
+      isOrganizeModalOpen,
+      isManageMoviesModalOpen,
+      isInteractiveSearchModalOpen,
+      isEditMovieModalOpen,
+      isDeleteMovieModalOpen,
+      isMovieHistoryModalOpen,
+      previousMovie,
+      nextMovie,
+      history,
+    ]
   );
 
   const populate = useCallback(() => {