BivekiGroup/protekauto-frontend
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Обновлены страницы с мета-тегами: заменены статические мета-теги на компонент MetaTags, который динамически получает данные через getMetaByPath. Добавлены новые страницы с мета-тегами, включая карточку товара, страницы оплаты и профиля, а также обновлены существующие страницы для улучшения SEO.

Browse Source
This commit is contained in:
Bivekich
2025-07-06 18:36:45 +03:00
parent 08ae507c36
commit 2b5f787fbe
35 changed files with 543 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/vehicle-search/[brand]/[vehicleId].tsx
View File

@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react';
import { useRouter } from 'next/router';
import { useQuery } from '@apollo/client';
import Head from 'next/head';
import Footer from '@/components/Footer';
import Layout from '@/components/Layout';
import VehiclePartsSearchSection from '@/components/VehiclePartsSearchSection';
@ -212,9 +212,10 @@ const VehicleDetailsPage = () => {
if (vehicleLoading) {
return (
<>
<Head>
<title>Загрузка автомобиля...</title>
</Head>
<MetaTags
title="Загрузка автомобиля..."
description="Загружаем информацию об автомобиле..."
/>
<div style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', background: '#f9fafb' }}>
<div className="text-center">
<div className="animate-spin rounded-full h-32 w-32 border-b-2 border-red-600 mx-auto"></div>
@ -229,9 +230,10 @@ const VehicleDetailsPage = () => {
if (!catalogData?.laximoCatalogInfo) {
return (
<>
<Head>
<title>Каталог не найден</title>
</Head>
<MetaTags
title="Каталог не найден"
description="Информация о каталоге недоступна"
/>
<main className="min-h-screen bg-gray-50 flex items-center justify-center">
<div className="text-center">
<h1 className="text-2xl font-bold text-gray-900 mb-4">Каталог не найден</h1>

9
src/pages/vehicle-search/[brand]/[vehicleId]/part/[oemNumber].tsx
View File

@ -6,6 +6,8 @@ import Header from '@/components/Header';
import Footer from '@/components/Footer';
import { GET_LAXIMO_CATALOG_INFO, SEARCH_LAXIMO_OEM } from '@/lib/graphql';
import { LaximoCatalogInfo, LaximoOEMResult } from '@/types/laximo';
import MetaTags from '@/components/MetaTags';
import { getMetaByPath } from '@/lib/meta-config';
const InfoPartDetail = ({ brandName, oemNumber }: { brandName: string; oemNumber: string }) => (
<section className="section-info">
@ -121,12 +123,11 @@ const PartDetailPage = () => {
const totalDetails = oemResult?.categories.reduce((total, cat) =>
total + cat.units.reduce((unitTotal, unit) => unitTotal + unit.details.length, 0), 0) || 0;
const metaData = getMetaByPath('/vehicle-search');
return (
<>
<Head>
<title>Деталь {oemNumber} - {catalogInfo?.name || 'Каталог запчастей'}</title>
<meta name="description" content={`Подробная информация о детали ${oemNumber} в каталоге ${catalogInfo?.name}`} />
</Head>
<MetaTags {...metaData} />
<Header />
<div className="bg-[#F5F8FB] min-h-screen w-full">
<InfoPartDetail brandName={catalogInfo?.name || String(brand)} oemNumber={String(oemNumber)} />

13
src/pages/vehicle-search/[brand]/[vehicleId]/part/[oemNumber]/brands.tsx
View File

@ -7,6 +7,8 @@ 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';
import MetaTags from '@/components/MetaTags';
import { getMetaByPath } from '@/lib/meta-config';
const InfoBrandSelection = ({
brandName,
@ -115,14 +117,11 @@ const BrandSelectionPage = () => {
router.back();
};
return (
const metaData = getMetaByPath('/vehicle-search');
return (
<>
<Head>
<title>Выбор производителя для {oemNumber} - {catalogInfo?.name || 'Каталог запчастей'}</title>
<meta name="description" content={`Выберите производителя для детали ${oemNumber} в каталоге ${catalogInfo?.name}`} />
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon" />
<link href="images/webclip.png" rel="apple-touch-icon" />
</Head>
<MetaTags {...metaData} />
<InfoBrandSelection
brandName={catalogInfo?.name || String(brand)}
oemNumber={String(oemNumber)}