pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-25 00:31:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Reverted to commit cb1ef6c177

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 16:12:02 +00:00
parent 88901a7f20
commit 590d4ede52
12 changed files with 117 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/pages/ParkDetail.tsx
View File

@@ -282,11 +282,11 @@ export default function ParkDetail() {
</div>
{/* Quick Stats */}
<div className="relative mb-12 max-w-7xl mx-auto">
<div className="relative mb-12">
{/* Background decorative elements */}
<div className="absolute inset-0 bg-gradient-to-r from-primary/5 via-secondary/5 to-accent/5 rounded-3xl blur-xl"></div>
<div className="relative grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-4 p-4 bg-gradient-to-br from-background/80 via-card/90 to-background/80 backdrop-blur-sm rounded-xl border border-border/50 shadow-md">
<div className="relative grid grid-cols-2 md:grid-cols-4 gap-4 p-4 bg-gradient-to-br from-background/80 via-card/90 to-background/80 backdrop-blur-sm rounded-xl border border-border/50 shadow-md">
{/* Total Rides */}
<div className="group relative overflow-hidden">
<Card className="h-full border-0 bg-gradient-to-br from-primary/10 via-primary/5 to-transparent hover:shadow-lg hover:shadow-primary/15 transition-all duration-300 hover:scale-[1.02]">
@@ -358,66 +358,62 @@ export default function ParkDetail() {
</div>
{/* Main Content */}
<div className="max-w-7xl mx-auto px-4 lg:px-6">
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-5">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="rides">Rides ({rides.length})</TabsTrigger>
<TabsTrigger value="reviews">Reviews</TabsTrigger>
<TabsTrigger value="photos">Photos</TabsTrigger>
<TabsTrigger value="history">History</TabsTrigger>
</TabsList>
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-5">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="rides">Rides ({rides.length})</TabsTrigger>
<TabsTrigger value="reviews">Reviews</TabsTrigger>
<TabsTrigger value="photos">Photos</TabsTrigger>
<TabsTrigger value="history">History</TabsTrigger>
</TabsList>
<TabsContent value="overview" className="mt-6">
<div className="grid lg:grid-cols-[2fr,1fr] xl:grid-cols-[1.5fr,1fr] gap-6">
{/* Left column - main content */}
<div className="space-y-6">
{/* Description */}
{park.description && <Card>
<CardHeader>
<CardTitle>About {park.name}</CardTitle>
</CardHeader>
<CardContent>
<p className="text-muted-foreground leading-relaxed text-base">
{park.description}
</p>
</CardContent>
</Card>}
{/* Featured Rides */}
<Card>
<TabsContent value="overview" className="mt-6">
<div className="grid lg:grid-cols-3 gap-6">
<div className="lg:col-span-2 space-y-6">
{/* Description */}
{park.description && <Card>
<CardHeader>
<CardTitle>Featured Rides</CardTitle>
<CardTitle>About {park.name}</CardTitle>
</CardHeader>
<CardContent>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
{rides.slice(0, 6).map(ride => (
<RideCard
key={ride.id}
ride={ride}
showParkName={false}
parkSlug={park.slug}
className="h-full"
compact={true}
/>
))}
</div>
{rides.length > 6 && (
<div className="mt-4 text-center">
<Button
variant="outline"
onClick={() => navigate(`/parks/${park.slug}/rides/`)}
>
View All {park.ride_count} Rides
</Button>
</div>
)}
<p className="text-muted-foreground leading-relaxed">
{park.description}
</p>
</CardContent>
</Card>
</div>
</Card>}
{/* Right sidebar - sticky on desktop */}
<div className="space-y-6 lg:sticky lg:top-6 lg:self-start">
{/* Featured Rides */}
<Card>
<CardHeader>
<CardTitle>Featured Rides</CardTitle>
</CardHeader>
<CardContent>
<div className="grid sm:grid-cols-2 gap-4">
{rides.slice(0, 4).map(ride => (
<RideCard
key={ride.id}
ride={ride}
showParkName={false}
parkSlug={park.slug}
className="h-full"
/>
))}
</div>
{rides.length > 4 && (
<div className="mt-4 text-center">
<Button
variant="outline"
onClick={() => navigate(`/parks/${park.slug}/rides/`)}
>
View All {park.ride_count} Rides
</Button>
</div>
)}
</CardContent>
</Card>
</div>
<div className="space-y-6">
{/* Park Information */}
<Card>
<CardHeader>
@@ -633,7 +629,6 @@ export default function ParkDetail() {
</Tabs>
</TabsContent>
</Tabs>
</div>
{/* Add Ride Modal */}
<Dialog open={isAddRideModalOpen} onOpenChange={setIsAddRideModalOpen}>