Удалены модальные окна выбора бренда из компонентов PartDetailCard, KnotParts, VinPartCard и VinQuick. Вместо этого добавлена логика для перехода на страницу выбора бренда при клике на деталь. Обновлены компоненты для передачи параметров catalogCode и vehicleId. Исправлены типы и улучшена читаемость кода.

src/components/vin/VinQuick.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useQuery } from '@apollo/client';
+import { useRouter } from 'next/router';
 import { GET_LAXIMO_QUICK_DETAIL } from '@/lib/graphql/laximo';
-import BrandSelectionModal from '../BrandSelectionModal';
 
 interface VinQuickProps {
   quickGroup: any;
@@ -13,6 +13,8 @@ interface VinQuickProps {
 }
 
 const VinQuick: React.FC<VinQuickProps> = ({ quickGroup, catalogCode, vehicleId, ssd, onBack, onNodeSelect }) => {
+  const router = useRouter();
+  
   const { data, loading, error } = useQuery(GET_LAXIMO_QUICK_DETAIL, {
     variables: {
       catalogCode,
@@ -24,11 +26,6 @@ const VinQuick: React.FC<VinQuickProps> = ({ quickGroup, catalogCode, vehicleId,
   });
   const quickDetail = data?.laximoQuickDetail;
 
-
-
-  const [isBrandModalOpen, setIsBrandModalOpen] = useState(false);
-  const [selectedDetail, setSelectedDetail] = useState<any>(null);
-
   const handleUnitClick = (unit: any) => {
     onNodeSelect({
       ...unit,
@@ -39,13 +36,13 @@ const VinQuick: React.FC<VinQuickProps> = ({ quickGroup, catalogCode, vehicleId,
       ssd: unit.ssd || ssd  // Используем SSD узла, а не родительский
     });
   };
+  
   const handleDetailClick = (detail: any) => {
-    setSelectedDetail(detail);
-    setIsBrandModalOpen(true);
-  };
-  const handleCloseBrandModal = () => {
-    setIsBrandModalOpen(false);
-    setSelectedDetail(null);
+    if (detail.oem) {
+      // Переходим на страницу выбора бренда
+      const url = `/vehicle-search/${catalogCode}/${vehicleId}/part/${detail.oem}/brands?detailName=${encodeURIComponent(detail.name || '')}`;
+      router.push(url);
+    }
   };
 
   return (
@@ -90,14 +87,6 @@ const VinQuick: React.FC<VinQuickProps> = ({ quickGroup, catalogCode, vehicleId,
       ) : (
         <div className="text-center text-gray-500 py-4">Нет деталей для этой группы</div>
       )}
-      {isBrandModalOpen && selectedDetail && (
-        <BrandSelectionModal
-          isOpen={isBrandModalOpen}
-          onClose={handleCloseBrandModal}
-          articleNumber={selectedDetail.oem}
-          detailName={selectedDetail.name}
-        />
-      )}
     </div>
   );
 };