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

16
src/pages/Search.tsx
View File

@@ -5,7 +5,7 @@ import { Card, CardContent } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Search, MapPin, Zap, Star } from 'lucide-react';
import { Search, MapPin, Zap, Star, Castle, FerrisWheel, Factory } from 'lucide-react';
import { AutocompleteSearch } from '@/components/search/AutocompleteSearch';
import { useSearch, SearchResult } from '@/hooks/useSearch';
@@ -59,10 +59,10 @@ export default function SearchPage() {
const getTypeIcon = (type: string) => {
switch (type) {
case 'park': return '🏰';
case 'ride': return '🎢';
case 'company': return '🏭';
default: return '🔍';
case 'park': return <Castle className="w-8 h-8" />;
case 'ride': return <FerrisWheel className="w-8 h-8" />;
case 'company': return <Factory className="w-8 h-8" />;
default: return <Search className="w-8 h-8" />;
}
};
@@ -151,7 +151,7 @@ export default function SearchPage() {
>
<CardContent className="p-6">
<div className="flex items-start gap-4">
<div className="text-3xl">{getTypeIcon(result.type)}</div>
<div className="flex items-center justify-center">{getTypeIcon(result.type)}</div>
<div className="flex-1 min-w-0">
<div className="flex items-center gap-2 mb-2">
<h3 className="font-semibold text-lg group-hover:text-primary transition-colors truncate">
@@ -198,7 +198,7 @@ export default function SearchPage() {
{/* No Results */}
{!loading && query && filteredResults.length === 0 && (
<div className="text-center py-12">
<div className="text-6xl mb-4 opacity-50">🔍</div>
<Search className="w-16 h-16 mb-4 opacity-50 mx-auto" />
<h3 className="text-xl font-semibold mb-2">No results found</h3>
<p className="text-muted-foreground mb-4">
Try searching for something else or adjust your search terms
@@ -220,7 +220,7 @@ export default function SearchPage() {
{/* Initial State */}
{!query && (
<div className="text-center py-12">
<div className="text-6xl mb-4 opacity-50">🔍</div>
<Search className="w-16 h-16 mb-4 opacity-50 mx-auto" />
<h3 className="text-xl font-semibold mb-2">Start your search</h3>
<p className="text-muted-foreground">
Search for theme parks, rides, or companies to get started