Refactor: Replace emojis with Lucide React icons

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

View File

@@ -5,7 +5,7 @@ import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { Badge } from '@/components/ui/badge';
import { Search, Filter, SlidersHorizontal, Globe, MapPin } from 'lucide-react';
import { Search, Filter, SlidersHorizontal, Globe, MapPin, Factory, FerrisWheel, Ruler, Hammer, Building2 } from 'lucide-react';
import { Company } from '@/types/database';
import { supabase } from '@/integrations/supabase/client';
import { useNavigate } from 'react-router-dom';
@@ -59,11 +59,11 @@ export default function Manufacturers() {
const getCompanyIcon = (type: string) => {
switch (type) {
case 'manufacturer': return '🏭';
case 'operator': return '🎡';
case 'designer': return '📐';
case 'contractor': return '🔨';
default: return '🏢';
case 'manufacturer': return <Factory className="w-5 h-5" />;
case 'operator': return <FerrisWheel className="w-5 h-5" />;
case 'designer': return <Ruler className="w-5 h-5" />;
case 'contractor': return <Hammer className="w-5 h-5" />;
default: return <Building2 className="w-5 h-5" />;
}
};
@@ -107,7 +107,7 @@ export default function Manufacturers() {
{/* Page Header */}
<div className="mb-8">
<div className="flex items-center gap-3 mb-4">
<div className="text-4xl">🏭</div>
<Factory className="w-10 h-10 text-primary" />
<h1 className="text-4xl font-bold">Manufacturers & Companies</h1>
</div>
<p className="text-lg text-muted-foreground">
@@ -172,7 +172,7 @@ export default function Manufacturers() {
<div className="flex items-start justify-between">
<div className="flex-1">
<div className="flex items-center gap-2 mb-2">
<span className="text-2xl">{getCompanyIcon(company.company_type)}</span>
<span className="flex items-center">{getCompanyIcon(company.company_type)}</span>
<Badge variant="outline" className="text-xs">
{formatCompanyType(company.company_type)}
</Badge>
@@ -238,7 +238,7 @@ export default function Manufacturers() {
</div>
) : (
<div className="text-center py-12">
<div className="text-6xl mb-4">🏭</div>
<Factory className="w-16 h-16 mb-4 mx-auto text-muted-foreground" />
<h3 className="text-xl font-semibold mb-2">No companies found</h3>
<p className="text-muted-foreground">
Try adjusting your search criteria or filters