pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-25 02: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"> <Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-5"> <TabsList className="grid w-full grid-cols-2 md:grid-cols-5">
<TabsTrigger value="overview">Overview</TabsTrigger> <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"> <TabsTrigger value="reviews">
Reviews {park.review_count > 0 && `(${park.review_count})`} Reviews {park.review_count > 0 && `(${park.review_count})`}
</TabsTrigger> </TabsTrigger>
@@ -423,34 +425,36 @@ export default function ParkDetail() {
</Card>} </Card>}
{/* Featured Rides */} {/* Featured Rides */}
<Card> {rides.length > 0 && (
<CardHeader> <Card>
<CardTitle>Featured Rides</CardTitle> <CardHeader>
</CardHeader> <CardTitle>Featured Rides</CardTitle>
<CardContent> </CardHeader>
<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"> <CardContent>
{rides.slice(0, 4).map(ride => ( <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">
<RideCard {rides.slice(0, 4).map(ride => (
key={ride.id} <RideCard
ride={ride} key={ride.id}
showParkName={false} ride={ride}
parkSlug={park.slug} showParkName={false}
className="h-full" 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> </div>
)} {rides.length > 4 && (
</CardContent> <div className="mt-4 text-center">
</Card> <Button
variant="outline"
onClick={() => navigate(`/parks/${park.slug}/rides/`)}
>
View All {park.ride_count} Rides
</Button>
</div>
)}
</CardContent>
</Card>
)}
</div> </div>
<div className="space-y-6"> <div className="space-y-6">