From adda87a69dfb0bc29c3a898f5f9f7634fefe00b4 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 20:47:54 +0000
Subject: [PATCH] Restore left and right navigation arrows for video playback

Revert changes to the previous/next video navigation buttons, specifically restoring the arrow icons and simplifying their onClick handlers in `bunny-video-modal.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/t9s2owO
---
 client/src/components/bunny-video-modal.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index 594228b..7ec2fc1 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -342,22 +342,16 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
               {videos.length > 1 && (
                 <>
                   <Button
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      navigateToVideo('prev');
-                    }}
-                    className={`absolute left-4 top-1/2 transform -translate-y-1/2 bg-black bg-opacity-60 hover:bg-opacity-80 text-white border-none p-2 rounded-full z-30 transition-all duration-300 ${showControls ? 'opacity-100' : 'opacity-0 pointer-events-none'}`}
+                    onClick={() => navigateToVideo('prev')}
+                    className="absolute left-4 top-1/2 transform -translate-y-1/2 bg-black bg-opacity-50 hover:bg-opacity-80 text-white border-none p-2 rounded-full z-20"
                     size="sm"
                     data-testid="button-prev-video"
                   >
                     <ChevronLeft className="w-6 h-6" />
                   </Button>
                   <Button
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      navigateToVideo('next');
-                    }}
-                    className={`absolute right-4 top-1/2 transform -translate-y-1/2 bg-black bg-opacity-60 hover:bg-opacity-80 text-white border-none p-2 rounded-full z-30 transition-all duration-300 ${showControls ? 'opacity-100' : 'opacity-0 pointer-events-none'}`}
+                    onClick={() => navigateToVideo('next')}
+                    className="absolute right-4 top-1/2 transform -translate-y-1/2 bg-black bg-opacity-50 hover:bg-opacity-80 text-white border-none p-2 rounded-full z-20"
                     size="sm"
                     data-testid="button-next-video"
                   >