fix(icons): replace broken Material-icon-ligature text with app-icon in search suggestions

Search suggestions/popular-searches (search-autocomplete.service.ts,
search.facade.ts) set icon values like 'inventory_2', 'category', 'sell',
'auto_awesome', 'trending_up' - Material Symbols ligature names rendered as
raw {{ item.icon }} text in search-bar.component.html. No Material Icons
font is loaded anywhere in this Lucide/app-icon-based app, so these
rendered as literal garbled text ("inventory_2", etc.) instead of icons.

- SearchSuggestion.icon retyped from string to AppIconName (search.model.ts)
- Suggestion icon values mapped to registered app-icon names: product->package,
  category->folder, brand->tag, ai->zap, popular/trending->trendingUp (new
  registry entry, LucideTrendingUp)
- search-bar.component now renders <app-icon [name]="item.icon" /> instead of
  the raw ligature string, and its icon-only clear ("x") button now renders
  app-icon name="x" instead of a bare literal "x" character glyph

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sdarbinyan
2026-07-25 20:15:36 +04:00
parent 5b3f969dfd
commit 6d663eb238
7 changed files with 24 additions and 16 deletions

View File

@@ -59,7 +59,7 @@ export class SearchFacade {
type: 'collection',
title: 'Smartphones',
text: 'Smartphones',
icon: 'trending_up',
icon: 'trendingUp',
target: { route: '/search', query: { q: 'Smartphones' } }
},
{
@@ -67,7 +67,7 @@ export class SearchFacade {
type: 'collection',
title: 'Sneakers',
text: 'Sneakers',
icon: 'trending_up',
icon: 'trendingUp',
target: { route: '/search', query: { q: 'Sneakers' } }
},
{
@@ -75,7 +75,7 @@ export class SearchFacade {
type: 'collection',
title: 'Headphones',
text: 'Headphones',
icon: 'trending_up',
icon: 'trendingUp',
target: { route: '/search', query: { q: 'Headphones' } }
},
{
@@ -83,7 +83,7 @@ export class SearchFacade {
type: 'collection',
title: 'Laptops',
text: 'Laptops',
icon: 'trending_up',
icon: 'trendingUp',
target: { route: '/search', query: { q: 'Laptops' } }
},
];