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

Fix: Hide zero ride counts

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-15 19:50:30 +00:00
parent c79658b3e5
commit 48693c2f58
1 changed files with 32 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/pages/ParkDetail.tsx
View File

@@ -397,7 +397,9 @@ export default function ParkDetail() {
<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="rides">
Rides {rides.length > 0 && `(${rides.length})`}
</TabsTrigger>
<TabsTrigger value="reviews">
Reviews {park.review_count > 0 && `(${park.review_count})`}
</TabsTrigger>
@@ -423,34 +425,36 @@ export default function ParkDetail() {
</Card>}
{/* Featured Rides */}
<Card>
<CardHeader>
<CardTitle>Featured Rides</CardTitle>
</CardHeader>
<CardContent>
<div className="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4 lg:gap-5 xl: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>
{rides.length > 0 && (
<Card>
<CardHeader>
<CardTitle>Featured Rides</CardTitle>
</CardHeader>
<CardContent>
<div className="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4 lg:gap-5 xl:gap-4">
{rides.slice(0, 4).map(ride => (
<RideCard
key={ride.id}
ride={ride}
showParkName={false}
parkSlug={park.slug}
className="h-full"
/>
))}
</div>
)}
</CardContent>
</Card>
{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">