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
This commit is contained in:
parent
9885905652
commit
e8fbff8a8b
@ -159,46 +159,18 @@ export default function VideoPage() {
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Mobile Menu Button */}
|
{/* Mobile Search Button */}
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
className="md:hidden text-bunny-light"
|
className="md:hidden text-bunny-light"
|
||||||
onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
|
onClick={() => window.history.back()}
|
||||||
data-testid="button-mobile-menu-video"
|
data-testid="button-mobile-back-video"
|
||||||
>
|
>
|
||||||
<Menu className="text-xl" />
|
<Search className="text-xl" />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
||||||
|
|
||||||
<div className="max-w-7xl mx-auto p-4 lg:p-6 relative">
|
<div className="max-w-7xl mx-auto p-4 lg:p-6 relative">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user