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

feat: Implement comprehensive entity filtering

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 14:55:37 +00:00
parent 73377d7464
commit cedd33cc34
14 changed files with 1572 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/Manufacturers.tsx
View File

@@ -5,8 +5,11 @@ import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button';
import { Dialog, DialogContent } from '@/components/ui/dialog';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { Collapsible, CollapsibleContent } from '@/components/ui/collapsible';
import { Card, CardContent } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { Search, SlidersHorizontal, Factory, Plus } from 'lucide-react';
import { Search, SlidersHorizontal, Factory, Plus, ChevronDown, Filter } from 'lucide-react';
import { ManufacturerFilters, ManufacturerFilterState, defaultManufacturerFilters } from '@/components/manufacturers/ManufacturerFilters';
import { Company } from '@/types/database';
import { supabase } from '@/integrations/supabase/client';
import { ManufacturerCard } from '@/components/manufacturers/ManufacturerCard';
@@ -27,6 +30,8 @@ export default function Manufacturers() {
const [loading, setLoading] = useState(true);
const [searchQuery, setSearchQuery] = useState('');
const [sortBy, setSortBy] = useState('name');
const [filters, setFilters] = useState<ManufacturerFilterState>(defaultManufacturerFilters);
const [showFilters, setShowFilters] = useState(false);
const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
@@ -157,16 +162,33 @@ export default function Manufacturers() {
/>
</div>
<Select value={sortBy} onValueChange={setSortBy}>
<SelectTrigger className="w-full h-10">
<SlidersHorizontal className="h-4 w-4 mr-2" />
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="name">Name A-Z</SelectItem>
<SelectItem value="founded">Founded (Newest)</SelectItem>
</SelectContent>
</Select>
<div className="flex gap-2">
<Select value={sortBy} onValueChange={setSortBy}>
<SelectTrigger className="w-[180px] h-10">
<SlidersHorizontal className="h-4 w-4 mr-2" />
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="name">Name A-Z</SelectItem>
<SelectItem value="founded">Founded (Newest)</SelectItem>
</SelectContent>
</Select>
<Button variant="outline" onClick={() => setShowFilters(!showFilters)} className="gap-2">
<Filter className="w-4 h-4" />
Filters
<ChevronDown className={`w-4 h-4 transition-transform ${showFilters ? 'rotate-180' : ''}`} />
</Button>
</div>
<Collapsible open={showFilters} onOpenChange={setShowFilters}>
<CollapsibleContent>
<Card className="mt-4">
<CardContent className="pt-6">
<ManufacturerFilters filters={filters} onFiltersChange={setFilters} manufacturers={companies} />
</CardContent>
</Card>
</CollapsibleContent>
</Collapsible>
</div>
{/* Companies Grid */}