From 13545e8972b5d5985773e6ccd4d6b2101479972a Mon Sep 17 00:00:00 2001
From: tonoyan <tonoyan@Tonoyan-2018.local>
Date: Mon, 13 Apr 2026 15:22:23 +0300
Subject: [PATCH] fix nan

---
 .../category/subcategories.component.html     | 44 ++++++++++++-------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/app/pages/category/subcategories.component.html b/src/app/pages/category/subcategories.component.html
index 0800d93..4d5d632 100644
--- a/src/app/pages/category/subcategories.component.html
+++ b/src/app/pages/category/subcategories.component.html
@@ -24,25 +24,35 @@
         @for (sub of nestedSubcategories(); track trackBySubId($index, sub)) {
           @if (getSubcategoryRouteId(sub) !== null) {
             <a [routerLink]="['/category', getSubcategoryRouteId(sub)] | langRoute" class="category-card">
-          } else {
-            <div class="category-card category-card--disabled">
-          }
-            <div class="category-image">
-              @if (sub.img) {
-                <img [src]="sub.img" [alt]="sub.name" loading="lazy" decoding="async" />
-              } @else {
-                <div class="category-fallback">{{ sub.name.charAt(0) }}</div>
-              }
-            </div>
-            <div class="category-info">
-              <h3 class="category-name">{{ sub.name }}</h3>
-              @if (sub.itemCount) {
-                <span class="category-count">{{ sub.itemCount }}</span>
-              }
-            </div>
-          @if (getSubcategoryRouteId(sub) !== null) {
+              <div class="category-image">
+                @if (sub.img) {
+                  <img [src]="sub.img" [alt]="sub.name" loading="lazy" decoding="async" />
+                } @else {
+                  <div class="category-fallback">{{ sub.name.charAt(0) }}</div>
+                }
+              </div>
+              <div class="category-info">
+                <h3 class="category-name">{{ sub.name }}</h3>
+                @if (sub.itemCount) {
+                  <span class="category-count">{{ sub.itemCount }}</span>
+                }
+              </div>
             </a>
           } else {
+            <div class="category-card category-card--disabled">
+              <div class="category-image">
+                @if (sub.img) {
+                  <img [src]="sub.img" [alt]="sub.name" loading="lazy" decoding="async" />
+                } @else {
+                  <div class="category-fallback">{{ sub.name.charAt(0) }}</div>
+                }
+              </div>
+              <div class="category-info">
+                <h3 class="category-name">{{ sub.name }}</h3>
+                @if (sub.itemCount) {
+                  <span class="category-count">{{ sub.itemCount }}</span>
+                }
+              </div>
             </div>
           }
         }