diff --git a/src/pages/vehicle-search/[brand]/[vehicleId]/part/[oemNumber]/brands.tsx b/src/pages/vehicle-search/[brand]/[vehicleId]/part/[oemNumber]/brands.tsx index 3ef9246..a3a4c9e 100644 --- a/src/pages/vehicle-search/[brand]/[vehicleId]/part/[oemNumber]/brands.tsx +++ b/src/pages/vehicle-search/[brand]/[vehicleId]/part/[oemNumber]/brands.tsx @@ -2,7 +2,9 @@ import React, { useState, useEffect } from 'react'; import { useRouter } from 'next/router'; import { useQuery } from '@apollo/client'; import Head from 'next/head'; +import Header from '@/components/Header'; import Footer from '@/components/Footer'; +import MobileMenuBottomSection from '@/components/MobileMenuBottomSection'; import { GET_BRANDS_BY_CODE, GET_LAXIMO_CATALOG_INFO } from '@/lib/graphql'; import { LaximoCatalogInfo } from '@/types/laximo'; @@ -19,29 +21,25 @@ const InfoBrandSelection = ({
- +
Главная
→
- +
Каталог
→
-
{brandName}
+
{brandName}
→
-
Деталь {oemNumber}
+
Деталь {oemNumber}
→
-
Выбор производителя
+
Выбор производителя
-
-
-

Выберите производителя

+
+
+

Выберите производителя для {oemNumber}

-
- {detailName && Деталь: {detailName} • } - Артикул: {oemNumber} -
@@ -117,141 +115,119 @@ const BrandSelectionPage = () => { router.back(); }; - return ( + return ( <> Выбор производителя для {oemNumber} - {catalogInfo?.name || 'Каталог запчастей'} + + -
- -
-
-
- - {/* Кнопка назад */} -
- + +
+
+ + {/* Кнопка назад */} +
+ +
+ + {/* Обработка ошибок */} + {hasError && !loading && ( +
+
+ + + +
+

Ошибка загрузки

+

+ {brandsData?.error || error?.message || 'Не удалось загрузить список производителей'} +

+
+
+ )} - {(catalogLoading || loading) && ( -
-
-

Загружаем производителей...

+ {/* Загрузка */} + {(catalogLoading || loading) && ( +
+
+

Загружаем производителей...

+
+ )} + + {/* Результаты */} + {!loading && !hasError && ( +
+ {hasNoBrands ? ( +
+ + + +

+ Производители не найдены +

+

+ По артикулу {oemNumber} производители не найдены. +

+

+ Попробуйте изменить запрос или обратитесь к нашим менеджерам. +

- )} - - {hasError && !loading && ( -
-
- - - -
-

Ошибка загрузки

-

- {brandsData?.error || error?.message || 'Не удалось загрузить список производителей'} -

-
-
-
- )} - - {hasNoBrands && !loading && ( -
-
-
- - - -
-

Производители не найдены

-

- К сожалению, по данному артикулу производители не найдены -

-

- Попробуйте изменить параметры поиска или обратитесь к нашим менеджерам -

-
-

Телефон: +7 (495) 123-45-67

-

Email: info@protek.ru

-
-
-
- )} - - {!loading && !hasError && brands.length > 0 && ( + ) : brands.length > 0 && (
-
-

Выберите производителя

+
+

+ Выбор производителя для артикула: {oemNumber} +

+ {detailName && Деталь: {detailName} • } Найдено производителей: {brands.length}

- -
+
{brands.map((brandItem: any, index: number) => ( - + +
))}
- -
-
-
- Не нашли нужного производителя? -
-
- Обратитесь к менеджеру: +7 (495) 123-45-67 -
-
-
)}
-
+ )}
+ +
-