pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-22 04:51:13 -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

18
src/components/parks/ParkCard.tsx
View File

@@ -1,4 +1,4 @@
import { MapPin, Star, Users, Clock } from 'lucide-react';
import { MapPin, Star, Users, Clock, Castle, FerrisWheel, Waves, Tent } from 'lucide-react';
import { Card, CardContent } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
@@ -21,11 +21,11 @@ export function ParkCard({ park, onClick }: ParkCardProps) {
const getParkTypeIcon = (type: string) => {
switch (type) {
case 'theme_park': return '🏰';
case 'amusement_park': return '🎢';
case 'water_park': return '🏊';
case 'family_entertainment': return '🎪';
default: return '🎡';
case 'theme_park': return <Castle className="w-5 h-5" />;
case 'amusement_park': return <FerrisWheel className="w-5 h-5" />;
case 'water_park': return <Waves className="w-5 h-5" />;
case 'family_entertainment': return <Tent className="w-5 h-5" />;
default: return <FerrisWheel className="w-5 h-5" />;
}
};
@@ -50,7 +50,7 @@ export function ParkCard({ park, onClick }: ParkCardProps) {
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">
{getParkTypeIcon(park.park_type)}
</div>
)}
@@ -73,7 +73,7 @@ export function ParkCard({ park, onClick }: ParkCardProps) {
<h3 className="font-bold text-lg group-hover:text-primary transition-colors line-clamp-1">
{park.name}
</h3>
<span className="text-xl">{getParkTypeIcon(park.park_type)}</span>
{getParkTypeIcon(park.park_type)}
</div>
{park.location && (
@@ -105,7 +105,7 @@ export function ParkCard({ park, onClick }: ParkCardProps) {
</div>
<div className="flex items-center gap-1">
<span className="text-accent font-medium">{park.coaster_count}</span>
<span className="text-muted-foreground">🎢</span>
<FerrisWheel className="w-3 h-3 text-muted-foreground" />
</div>
</div>