sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update mobile button to navigate back to previous page

Browse Source 
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:
sebastjanartic 2025-08-28 19:52:07 +00:00
parent 9885905652
commit e8fbff8a8b
1 changed files with 4 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
client/src/pages/VideoPage.tsx
View File

@ -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">