sdarbinyan/marketplaces
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(icons): replace remaining hand-rolled inline SVGs with Lucide

Browse Source 
telegram-login: close X and lock icons (auth-gate icon reused across
telegram-login and cart - same 'log in required' concept, now the
same lock icon in both instead of two different hand-drawn shapes);
retry/refresh icon (QR expired/error states, was duplicated). Added
missing aria-label on the close button (had none).

catalog-empty-state, category, subcategories, item-detail: empty-state
illustrations (package/search/grid), add-to-cart icons, success/error
status icons, and thumbs up/down vote icons replaced. Rating stars
(item-detail, both product rating and per-review rating) now use one
Star icon with a color input and a .dx-star--filled CSS class for the
solid/outline toggle, instead of hand-toggling raw fill/stroke SVG
attributes - fixes the same rating-star pattern being drawn two
different ways (outline-only in the carousel earlier, fill-toggling
here).

Added color input to app-icon (was stroke-only via currentColor
before) and four more icons to the registry: refresh, thumbsUp/Down,
locate/mapPin (added earlier this session).

Also fixed the currency-dropdown chevron in language-selector that a
prior replace_all missed (same markup, different [class.rotated]
binding target).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sdarbinyan
2026-07-20 02:53:52 +04:00
parent 3837ddfb2d
commit e1112bbd50
14 changed files with 46 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.html
View File

@@ -1,17 +1,9 @@
<section class="catalog-empty-state card" [attr.data-variant]="variant">
<div class="catalog-empty-state__icon" aria-hidden="true">
@if (variant === 'category') {
<svg viewBox="0 0 64 64" focusable="false">
<rect x="8" y="16" width="48" height="34" rx="6"></rect>
<path d="M14 44l10-10 8 7 12-13 6 6"></path>
<circle cx="24" cy="27" r="4"></circle>
</svg>
<app-icon name="package" [size]="40" />
} @else {
<svg viewBox="0 0 64 64" focusable="false">
<circle cx="28" cy="28" r="16"></circle>
<path d="M18 28h20"></path>
<path d="M52 52L39 39"></path>
</svg>
<app-icon name="search" [size]="40" />
}
</div>

3
src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.ts
View File

@@ -2,11 +2,12 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
import { Product } from '../../../../../core/products/models/product-domain.model';
import { ProductCardComponent } from '../../../../../components/product-card/product-card.component';
import { TranslatePipe } from '../../../../../i18n/translate.pipe';
import { IconComponent } from '../../../../../shared/ui/icon/icon.component';
@Component({
selector: 'app-catalog-empty-state',
standalone: true,
imports: [ProductCardComponent, TranslatePipe],
imports: [ProductCardComponent, TranslatePipe, IconComponent],
templateUrl: './catalog-empty-state.component.html',
styleUrls: ['./catalog-empty-state.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush