diff --git a/frontend/app/admin/voices/page.tsx b/frontend/app/admin/voices/page.tsx index 8056f53..126a55e 100644 --- a/frontend/app/admin/voices/page.tsx +++ b/frontend/app/admin/voices/page.tsx @@ -182,7 +182,11 @@ export default function VoicesAdminPage() { const matchesSearch = voice.name.toLowerCase().includes(searchQuery.toLowerCase()) || voice.description?.toLowerCase().includes(searchQuery.toLowerCase()) || - voice.labels?.accent?.toLowerCase().includes(searchQuery.toLowerCase()); + voice.labels?.accent?.toLowerCase().includes(searchQuery.toLowerCase()) || + voice.labels?.gender?.toLowerCase().includes(searchQuery.toLowerCase()) || + voice.labels?.age?.toLowerCase().replace('_', ' ').includes(searchQuery.toLowerCase()) || + voice.labels?.use_case?.toLowerCase().includes(searchQuery.toLowerCase()) || + voice.voice_id.toLowerCase().includes(searchQuery.toLowerCase()); const matchesCategory = !categoryFilter || voice.category === categoryFilter; @@ -251,7 +255,7 @@ export default function VoicesAdminPage() { type="text" value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} - placeholder="Search voices by name, accent..." + placeholder="Search by name, accent, gender, age, use case, or ID..." className="input-field pl-10" /> @@ -270,6 +274,13 @@ export default function VoicesAdminPage() { + {/* Results Counter */} + {searchQuery && ( +