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

Refactor: Replace emojis with Lucide React icons

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 12:36:38 +00:00
parent bb139bd70c
commit d1f32dbf25
14 changed files with 136 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/Rides.tsx
View File

@@ -4,7 +4,7 @@ import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { Badge } from '@/components/ui/badge';
import { Filter, SlidersHorizontal, Zap, Clock, Star } from 'lucide-react';
import { Filter, SlidersHorizontal, Zap, Clock, Star, FerrisWheel, Waves, Theater, Train } from 'lucide-react';
import { AutocompleteSearch } from '@/components/search/AutocompleteSearch';
import { MeasurementDisplay } from '@/components/ui/measurement-display';
import { Ride } from '@/types/database';
@@ -77,13 +77,13 @@ export default function Rides() {
const getRideIcon = (category: string) => {
switch (category) {
case 'roller_coaster': return '🎢';
case 'water_ride': return '🌊';
case 'dark_ride': return '🎭';
case 'flat_ride': return '🎡';
case 'kiddie_ride': return '🎠';
case 'transportation': return '🚂';
default: return '🎢';
case 'roller_coaster': return <FerrisWheel className="w-16 h-16" />;
case 'water_ride': return <Waves className="w-16 h-16" />;
case 'dark_ride': return <Theater className="w-16 h-16" />;
case 'flat_ride': return <FerrisWheel className="w-16 h-16" />;
case 'kiddie_ride': return <FerrisWheel className="w-16 h-16" />;
case 'transportation': return <Train className="w-16 h-16" />;
default: return <FerrisWheel className="w-16 h-16" />;
}
};
@@ -146,7 +146,7 @@ export default function Rides() {
{/* Page Header */}
<div className="mb-8">
<div className="flex items-center gap-3 mb-4">
<div className="text-4xl">🎢</div>
<FerrisWheel className="w-10 h-10 text-primary" />
<h1 className="text-4xl font-bold">Rides & Attractions</h1>
</div>
<p className="text-lg text-muted-foreground">
@@ -233,7 +233,7 @@ export default function Rides() {
className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
/>
) : (
<div className="text-6xl opacity-50">
<div className="opacity-50 flex items-center justify-center">
{getRideIcon(ride.category)}
</div>
)}
@@ -256,7 +256,7 @@ export default function Rides() {
<h3 className="font-bold text-lg group-hover:text-primary transition-colors line-clamp-1">
{ride.name}
</h3>
<span className="text-xl">{getRideIcon(ride.category)}</span>
<span className="flex items-center">{getRideIcon(ride.category)}</span>
</div>
{ride.park?.name && (
@@ -327,7 +327,7 @@ export default function Rides() {
</div>
) : (
<div className="text-center py-12">
<div className="text-6xl mb-4">🎢</div>
<FerrisWheel className="w-16 h-16 mb-4 mx-auto text-muted-foreground" />
<h3 className="text-xl font-semibold mb-2">No rides found</h3>
<p className="text-muted-foreground">
Try adjusting your search criteria or filters