pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 21:11: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

20
src/components/homepage/ContentTabs.tsx
View File

@@ -4,7 +4,7 @@ import { ParkCard } from '@/components/parks/ParkCard';
import { Card, CardContent } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import { Star, TrendingUp, Plus, MapPin, Clock, Zap } from 'lucide-react';
import { Star, TrendingUp, Plus, MapPin, Clock, Zap, FerrisWheel, Waves, Theater, Train } from 'lucide-react';
import { MeasurementDisplay } from '@/components/ui/measurement-display';
import { Park, Ride } from '@/types/database';
import { supabase } from '@/integrations/supabase/client';
@@ -81,13 +81,13 @@ export function ContentTabs() {
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-6 h-6" />;
case 'water_ride': return <Waves className="w-6 h-6" />;
case 'dark_ride': return <Theater className="w-6 h-6" />;
case 'flat_ride': return <FerrisWheel className="w-6 h-6" />;
case 'kiddie_ride': return <FerrisWheel className="w-6 h-6" />;
case 'transportation': return <Train className="w-6 h-6" />;
default: return <FerrisWheel className="w-6 h-6" />;
}
};
@@ -120,7 +120,7 @@ export function ContentTabs() {
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>
)}
@@ -143,7 +143,7 @@ export function ContentTabs() {
<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 && (