переделаны счетчки фильтр рэндж, настроены выборы категорий и подкатегорий

src/components/BestPriceCard.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { useCart } from "@/contexts/CartContext";
 import toast from "react-hot-toast";
 
@@ -27,6 +27,11 @@ const BestPriceCard: React.FC<BestPriceCardProps> = ({
   const parsedStock = parseInt(stock.replace(/[^\d]/g, ""), 10);
   const maxCount = isNaN(parsedStock) ? undefined : parsedStock;
   const [count, setCount] = useState(1);
+  const [inputValue, setInputValue] = useState("1");
+
+  useEffect(() => {
+    setInputValue(count.toString());
+  }, [count]);
 
   const handleMinus = () => setCount(prev => Math.max(1, prev - 1));
   const handlePlus = () => {
@@ -38,7 +43,13 @@ const BestPriceCard: React.FC<BestPriceCardProps> = ({
   };
 
   const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {
-    let value = parseInt(e.target.value, 10);
+    const val = e.target.value;
+    setInputValue(val);
+    if (val === "") {
+      // Не обновляем count, пока не будет blur
+      return;
+    }
+    let value = parseInt(val, 10);
     if (isNaN(value) || value < 1) value = 1;
     if (maxCount !== undefined && value > maxCount) {
       toast.error(`Максимум ${maxCount} шт.`);
@@ -47,6 +58,13 @@ const BestPriceCard: React.FC<BestPriceCardProps> = ({
     setCount(value);
   };
 
+  const handleInputBlur = () => {
+    if (inputValue === "") {
+      setInputValue("1");
+      setCount(1);
+    }
+  };
+
   // Функция для парсинга цены из строки
   const parsePrice = (priceStr: string): number => {
     const cleanPrice = priceStr.replace(/[^\d.,]/g, '').replace(',', '.');
@@ -144,8 +162,9 @@ const BestPriceCard: React.FC<BestPriceCardProps> = ({
                   type="number"
                   min={1}
                   max={maxCount}
-                  value={count}
+                  value={inputValue}
                   onChange={handleInput}
+                  onBlur={handleInputBlur}
                   className="text-block-26 w-full text-center outline-none"
                   aria-label="Количество"
                 />