From e8fbff8a8b94a6fc9435d24dee078af44b4600d6 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 19:52:07 +0000
Subject: [PATCH] Update mobile button to navigate back to previous page

Replaces the mobile menu button with a back navigation button in the VideoPage component, and updates its data-testid.

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/bJSx96m
---
 client/src/pages/VideoPage.tsx | 36 ++++------------------------------
 1 file changed, 4 insertions(+), 32 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 4b75f4a..fc1f4b1 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -159,46 +159,18 @@ export default function VideoPage() {
               </Button>
             </div>
 
-            {/* Mobile Menu Button */}
+            {/* Mobile Search Button */}
             <Button 
               variant="ghost" 
               className="md:hidden text-bunny-light" 
-              onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
-              data-testid="button-mobile-menu-video"
+              onClick={() => window.history.back()}
+              data-testid="button-mobile-back-video"
             >
-              <Menu className="text-xl" />
+              <Search className="text-xl" />
             </Button>
           </div>
         </div>
 
-        {/* Mobile Menu */}
-        {isMobileMenuOpen && (
-          <div className="md:hidden bunny-gray border-b border-white/20 animate-in slide-in-from-right-2 duration-200">
-            <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-              {/* Mobile Navigation */}
-              <nav className="flex flex-col space-y-4">
-                <a 
-                  href="/" 
-                  className="text-bunny-light hover:text-bunny-blue transition-colors py-2 border-b border-white/10"
-                  onClick={() => setIsMobileMenuOpen(false)}
-                  data-testid="link-mobile-home-video"
-                >
-                  Home
-                </a>
-                <button 
-                  onClick={() => {
-                    window.history.back();
-                    setIsMobileMenuOpen(false);
-                  }}
-                  className="text-left text-bunny-light hover:text-bunny-blue transition-colors py-2 border-b border-white/10"
-                  data-testid="button-mobile-back"
-                >
-                  ← Back to Previous Page
-                </button>
-              </nav>
-            </div>
-          </div>
-        )}
       </div>
 
       <div className="max-w-7xl mx-auto p-4 lg:p-6 relative">