From d25970946c9da73266e14f78f6c82d577e2bae65 Mon Sep 17 00:00:00 2001 From: egortriston Date: Sat, 12 Jul 2025 21:32:09 +0300 Subject: [PATCH] footer --- public/images/tg.svg | 4 + public/images/tg2.svg | 16 ++ public/images/vk.svg | 4 + public/images/whatsapp.svg | 4 + public/images/ws.svg | 11 + src/components/CatalogSubscribe.tsx | 14 +- src/components/Footer.tsx | 258 ++++++++++++++-------- src/pages/vehicle-search-results.tsx | 310 +++++++-------------------- src/styles/my.css | 20 +- 9 files changed, 306 insertions(+), 335 deletions(-) create mode 100644 public/images/tg.svg create mode 100644 public/images/tg2.svg create mode 100644 public/images/vk.svg create mode 100644 public/images/whatsapp.svg create mode 100644 public/images/ws.svg diff --git a/public/images/tg.svg b/public/images/tg.svg new file mode 100644 index 0000000..915bbb1 --- /dev/null +++ b/public/images/tg.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/tg2.svg b/public/images/tg2.svg new file mode 100644 index 0000000..13655ec --- /dev/null +++ b/public/images/tg2.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/images/vk.svg b/public/images/vk.svg new file mode 100644 index 0000000..1d3f475 --- /dev/null +++ b/public/images/vk.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/whatsapp.svg b/public/images/whatsapp.svg new file mode 100644 index 0000000..49726a2 --- /dev/null +++ b/public/images/whatsapp.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/ws.svg b/public/images/ws.svg new file mode 100644 index 0000000..b3908ec --- /dev/null +++ b/public/images/ws.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/CatalogSubscribe.tsx b/src/components/CatalogSubscribe.tsx index 79ad118..cf5add0 100644 --- a/src/components/CatalogSubscribe.tsx +++ b/src/components/CatalogSubscribe.tsx @@ -6,7 +6,7 @@ const CatalogSubscribe: React.FC = () => ( Ресурс 2
{/*

Подпишитесь на новостную рассылку

*/} @@ -19,14 +19,18 @@ const CatalogSubscribe: React.FC = () => (
-
+
{/* Кастомный чекбокс без input/label */} {(() => { const [checked, setChecked] = useState(false); return ( <> + + Я даю свое согласие на обработку персональных данных
+ и соглашаюсь с условиями Политики конфиденциальности +
setChecked(v => !v)} role="checkbox" aria-checked={checked} @@ -43,10 +47,6 @@ const CatalogSubscribe: React.FC = () => (
- - Я даю свое согласие на обработку персональных данных
- и соглашаюсь с условиями Политики конфиденциальности - ); })()} diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 2ad9fdc..db8c64e 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,104 +1,194 @@ const Footer = () => ( - */} + {/* Новый футер под основным */} + + ); export default Footer; \ No newline at end of file diff --git a/src/pages/vehicle-search-results.tsx b/src/pages/vehicle-search-results.tsx index 22e09a3..31ab35b 100644 --- a/src/pages/vehicle-search-results.tsx +++ b/src/pages/vehicle-search-results.tsx @@ -175,39 +175,33 @@ const VehicleSearchResultsPage: React.FC = () => <> -
- {/* Breadcrumb */} -
-
- +
+ {/* Breadcrumb (InfoSearch style) */} +
+
+
+ +
+
+

{searchType === 'vin' ? 'Поиск по VIN номеру' : 'Поиск по государственному номеру'}

+
+
+
-
+ {/* Search Results Header */} -
-
-
-

- {searchType === 'vin' ? 'Поиск по VIN номеру' : 'Поиск по государственному номеру'} -

+
+
+ {/*

Запрос: {searchQuery}

@@ -216,18 +210,13 @@ const VehicleSearchResultsPage: React.FC = () => Найдено {vehicles.length} автомобилей

)} -
+
*/} {/* Loading State */} {isLoading && ( -
-
- - - - - Поиск автомобилей... -
+
+
+

Поиск автомобилей...

)} @@ -247,9 +236,9 @@ const VehicleSearchResultsPage: React.FC = () => {vehicles[0]?.year && ` (${vehicles[0].year} г.)`} {vehicles[0]?.engine && `, двигатель: ${vehicles[0].engine}`}

-

- 🚀 Переходим сразу к категориям запчастей... -

+

+ 🚀 Переходим сразу к категориям запчастей... +

)} - {/* Results Table */} + {/* Results List (Search-like style, not table) */} {!isLoading && vehicles.length > 0 && !isRedirecting && ( -
-
- - - - - - - - - - - - - - - - - {vehicles.map((vehicle, index) => { - console.log('🔍 Отображаем автомобиль в таблице:', { - index, - vehicleid: vehicle.vehicleid, - name: vehicle.name, - brand: vehicle.brand, - catalog: vehicle.catalog, - model: vehicle.model, - year: vehicle.year, - engine: vehicle.engine, - ssd: vehicle.ssd ? vehicle.ssd.substring(0, 30) + '...' : 'отсутствует' - }); - - return ( - handleVehicleSelect(vehicle)} - className="hover:bg-gray-50 cursor-pointer transition-colors" - > - - - - - - - - - - - - ); - })} - -
- Бренд - - Название - - Модель - - Год - - Двигатель - - КПП - - Рынок - - Дата выпуска - - Период производства - - Дополнительно -
- {vehicle.brand} - - {vehicle.name} - - {vehicle.model} - - {(() => { - const year = vehicle.year || vehicle.manufactured || (vehicle.date ? vehicle.date.split('.').pop() : '') || ''; - console.log(`🗓️ Год для автомобиля ${vehicle.vehicleid}:`, { year, original_year: vehicle.year, manufactured: vehicle.manufactured, date: vehicle.date }); - return year || '-'; - })()} - - {(() => { - const engine = vehicle.engine || vehicle.engine_info || vehicle.engineno || ''; - console.log(`🔧 Двигатель для автомобиля ${vehicle.vehicleid}:`, { engine, original_engine: vehicle.engine, engine_info: vehicle.engine_info, engineno: vehicle.engineno }); - return engine || '-'; - })()} - - {(() => { - const transmission = vehicle.transmission || vehicle.bodytype || ''; - console.log(`⚙️ КПП для автомобиля ${vehicle.vehicleid}:`, { transmission, original_transmission: vehicle.transmission, bodytype: vehicle.bodytype }); - return transmission || '-'; - })()} - - {(() => { - const market = vehicle.market || vehicle.destinationregion || vehicle.creationregion || ''; - console.log(`🌍 Рынок для автомобиля ${vehicle.vehicleid}:`, { market, original_market: vehicle.market, destinationregion: vehicle.destinationregion, creationregion: vehicle.creationregion }); - return market || '-'; - })()} - - {(() => { - const releaseDate = vehicle.date || vehicle.manufactured || ''; - console.log(`📅 Дата выпуска для автомобиля ${vehicle.vehicleid}:`, { releaseDate, date: vehicle.date, manufactured: vehicle.manufactured }); - return releaseDate || '-'; - })()} - - {(() => { - let prodPeriod = ''; - if (vehicle.prodRange) { - prodPeriod = vehicle.prodRange; - } else if (vehicle.prodPeriod) { - prodPeriod = vehicle.prodPeriod; - } else if (vehicle.datefrom && vehicle.dateto) { - prodPeriod = `${vehicle.datefrom} - ${vehicle.dateto}`; - } else if (vehicle.modelyearfrom && vehicle.modelyearto) { - prodPeriod = `${vehicle.modelyearfrom} - ${vehicle.modelyearto}`; - } - console.log(`📈 Период производства для автомобиля ${vehicle.vehicleid}:`, { - prodPeriod, - prodRange: vehicle.prodRange, - original_prodPeriod: vehicle.prodPeriod, - datefrom: vehicle.datefrom, - dateto: vehicle.dateto, - modelyearfrom: vehicle.modelyearfrom, - modelyearto: vehicle.modelyearto - }); - return prodPeriod || '-'; - })()} - -
- {vehicle.framecolor && ( -
- Цвет кузова: {vehicle.framecolor} -
- )} - {vehicle.trimcolor && ( -
- Цвет салона: {vehicle.trimcolor} -
- )} - {vehicle.engineno && ( -
- Номер двигателя: {vehicle.engineno} -
- )} - {vehicle.engine_info && ( -
- Двигатель: {vehicle.engine_info} -
- )} - {vehicle.options && ( -
- Опции: {vehicle.options} -
- )} - {vehicle.description && ( -
- Описание: {vehicle.description} -
- )} - {vehicle.modification && ( -
- Модификация: {vehicle.modification} -
- )} - {vehicle.grade && ( -
- Класс: {vehicle.grade} -
- )} -
-
+
+
+
Бренд
+
Название
+
Модель
+
Год
+
Двигатель
+
КПП
+
Рынок
+
Дата выпуска
+
Период производства
+
+
+ {vehicles.map((vehicle, index) => ( +
handleVehicleSelect(vehicle)} + style={{ minWidth: 0 }} + > +
{vehicle.brand}
+
{vehicle.name}
+
{vehicle.model}
+
{vehicle.year || '-'}
+
{vehicle.engine || '-'}
+
{vehicle.transmission || '-'}
+
{vehicle.market || '-'}
+
{vehicle.date || vehicle.manufactured || '-'}
+
{vehicle.prodRange || vehicle.prodPeriod || ((vehicle.datefrom && vehicle.dateto) ? `${vehicle.datefrom} - ${vehicle.dateto}` : (vehicle.modelyearfrom && vehicle.modelyearto) ? `${vehicle.modelyearfrom} - ${vehicle.modelyearto}` : '-')}
+
+ ))}
)} {/* No Results */} {!isLoading && vehicles.length === 0 && searchQuery && ( -
-
- - - -
-

- {searchType === 'vin' ? 'VIN не найден' : 'Госномер не найден'} +
+ + + +

+ Автомобили не найдены

-

- {searchType === 'vin' - ? `Автомобиль с VIN номером ${searchQuery} не найден в доступных каталогах` - : `Автомобиль с государственным номером ${searchQuery} не найден в базе данных` - } +

+ По запросу {searchQuery} автомобили не найдены. +

+

+ Попробуйте изменить запрос или проверьте правильность написания.

- - Вернуться на главную -
)} diff --git a/src/styles/my.css b/src/styles/my.css index 5ad1f36..f872d7c 100644 --- a/src/styles/my.css +++ b/src/styles/my.css @@ -33,7 +33,7 @@ z-index: 3000; } -.top_head{ +.top_head { z-index: 70; } @@ -643,18 +643,13 @@ a.link-block-2.w-inline-block { } .text-block-14, .div-block-9{ - width: 350px !important; max-width: 350px !important; - min-width: 350px !important; -} -@media screen and (max-width: 1920px) { - .text-block-14, .div-block-9{ - width: 350px !important; - } + min-width: 100px !important; } + .flex-block-18{ row-gap: 40px !important; } @@ -1042,4 +1037,13 @@ a.link-block-2.w-inline-block { .protekauto-logo { position: fixed; z-index: 3000; +} + +.hide-on-991 { + display: block; +} +@media screen and (max-width: 991px) { + .hide-on-991 { + display: none !important; + } } \ No newline at end of file