Enhance EventsPageSection and Navigation components: Add click functionality to select events and update logo section to be a clickable link, improving user interaction and navigation experience.
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 11s

This commit is contained in:
Julien Froidefond
2025-12-11 14:57:20 +01:00
parent bbdb7d6ad2
commit 2cfb9ad041
3 changed files with 18 additions and 4 deletions

View File

@@ -324,6 +324,11 @@ export default function EventsPageSection({
return ( return (
<div <div
key={index} key={index}
onClick={() => {
if (hasEvents && dayEvents.length > 0) {
setSelectedEvent(dayEvents[0]);
}
}}
className={`aspect-square border rounded flex flex-col items-center justify-center relative ${ className={`aspect-square border rounded flex flex-col items-center justify-center relative ${
isToday isToday
? "bg-pixel-gold/30 border-pixel-gold/70 border-2" ? "bg-pixel-gold/30 border-pixel-gold/70 border-2"
@@ -338,6 +343,10 @@ export default function EventsPageSection({
: hasUpcoming : hasUpcoming
? "ring-green-500/50" ? "ring-green-500/50"
: "" : ""
} ${
hasEvents
? "cursor-pointer hover:opacity-80 transition-opacity"
: ""
}`} }`}
> >
<div <div
@@ -659,11 +668,11 @@ export default function EventsPageSection({
)} )}
{/* Footer Info */} {/* Footer Info */}
<div className="mt-12 text-center"> {/* <div className="mt-12 text-center">
<p className="text-gray-500 text-sm"> <p className="text-gray-500 text-sm">
Restez informé de nos derniers événements et annonces Restez informé de nos derniers événements et annonces
</p> </p>
</div> </div> */}
</div> </div>
{/* Event Modal */} {/* Event Modal */}

View File

@@ -44,7 +44,10 @@ export default function Navigation({
<nav className="w-full fixed top-0 left-0 z-50 px-4 sm:px-8 py-3 bg-black/80 backdrop-blur-sm border-b border-gray-800/30"> <nav className="w-full fixed top-0 left-0 z-50 px-4 sm:px-8 py-3 bg-black/80 backdrop-blur-sm border-b border-gray-800/30">
<div className="max-w-7xl mx-auto flex items-center justify-between"> <div className="max-w-7xl mx-auto flex items-center justify-between">
{/* Logo - Left */} {/* Logo - Left */}
<div className="flex flex-col"> <Link
href="/"
className="flex flex-col hover:opacity-80 transition-opacity"
>
<div className="text-white text-lg sm:text-xl font-gaming font-bold tracking-tight"> <div className="text-white text-lg sm:text-xl font-gaming font-bold tracking-tight">
GAME.OF.TECH GAME.OF.TECH
</div> </div>
@@ -53,7 +56,7 @@ export default function Navigation({
<span>Peaksys</span> <span>Peaksys</span>
<span></span> <span></span>
</div> </div>
</div> </Link>
{/* Navigation Links - Center (Desktop) */} {/* Navigation Links - Center (Desktop) */}
<div className="hidden md:flex items-center gap-6"> <div className="hidden md:flex items-center gap-6">

View File

@@ -0,0 +1,2 @@
-- Migration placeholder: EventFeedback table may have been created by a later migration
-- This migration is kept for migration history consistency