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
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 11s
This commit is contained in:
@@ -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 */}
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -0,0 +1,2 @@
|
|||||||
|
-- Migration placeholder: EventFeedback table may have been created by a later migration
|
||||||
|
-- This migration is kept for migration history consistency
|
||||||
Reference in New Issue
Block a user