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

fix1107

Browse Source
This commit is contained in:
egortriston
2025-07-11 01:22:55 +03:00
parent 3b5defe3d9
commit 475b02ea2d
4 changed files with 82 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,11 +11,15 @@ import MetaTags from '@/components/MetaTags';
import { getMetaByPath } from '@/lib/meta-config';
const InfoBrandSelection = ({
brand,
brandName,
vehicleId,
oemNumber,
detailName
}: {
brand: string;
brandName: string;
vehicleId: string;
oemNumber: string;
detailName?: string;
}) => (
@ -27,20 +31,22 @@ const InfoBrandSelection = ({
<div>Главная</div>
</a>
<div className="text-block-3">→</div>
<a href="#" className="link-block-2 w-inline-block">
<a href="#" className="link-block w-inline-block">
<div>Каталог</div>
</a>
<div className="text-block-3">→</div>
<div>{brandName}</div>
<a href={`/vehicle-search/${brand}/${vehicleId}`} className="link-block w-inline-block">
<div>{brandName}</div>
</a>
<div className="text-block-3">→</div>
<div>Деталь {oemNumber}</div>
<div className="text-block-3">→</div>
<div>Выбор производителя</div>
<a href="#" className="link-block-2 w-inline-block">
<div>Деталь {oemNumber}</div>
</a>
</div>
<div className="w-layout-hflex flex-block-8">
<div className="w-layout-hflex flex-block-10">
<h1 className="heading">Выберите производителя для {oemNumber}</h1>
</div>
<div className="link-block w-inline-block">
<div className="heading">Выберите производителя для {oemNumber}</div>
</div>
</div>
</div>
@ -123,15 +129,17 @@ const BrandSelectionPage = () => {
<>
<MetaTags {...metaData} />
<InfoBrandSelection
brand={String(brand)}
brandName={catalogInfo?.name || String(brand)}
vehicleId={String(vehicleId)}
oemNumber={String(oemNumber)}
detailName={String(detailName || '')}
/>
<div className="page-wrapper bg-[#F5F8FB] min-h-screen">
<div className="w-full max-w-[1580px] mx-auto px-8 max-md:px-5 pt-10 pb-16">
<div className="mx-auto px-8 max-md:px-5 pt-10 pb-16 ">
{/* Кнопка назад */}
<div className="mb-6">
{/* <div className="mb-6">
<button
onClick={handleBack}
className="flex items-center gap-2 text-gray-600 hover:text-gray-900 transition-colors"
@ -141,7 +149,7 @@ const BrandSelectionPage = () => {
</svg>
Назад к деталям
</button>
</div>
</div> */}
{/* Обработка ошибок */}
{hasError && !loading && (
@ -187,40 +195,40 @@ const BrandSelectionPage = () => {
</p>
</div>
) : brands.length > 0 && (
<div className="bg-white rounded-2xl shadow p-10">
<div className="border-b border-gray-200 pb-4">
<h2 className="text-xl font-semibold text-gray-900">
Выбор производителя для артикула: {oemNumber}
</h2>
<p className="text-sm text-gray-600 mt-1">
{detailName && <span>Деталь: {detailName} • </span>}
Найдено производителей: <span className="font-medium">{brands.length}</span>
</p>
<div className="bg-white rounded-2xl shadow p-10 w-full max-w-[1580px] mx-auto min-h-[500px]">
{/* <div className="border-b border-gray-200 pb-4">
<h2 className="text-xl font-semibold text-gray-900">
Выбор производителя для артикула: {oemNumber}
</h2>
<p className="text-sm text-gray-600 mt-1">
{detailName && <span>Деталь: {detailName} • </span>}
Найдено производителей: <span className="font-medium">{brands.length}</span>
</p>
</div> */}
<div className="divide-y divide-gray-200">
{brands.map((brandItem: any, index: number) => (
<div key={index}>
<button
onClick={() => handleBrandSelect(brandItem.brand)}
className="w-full text-left p-4 hover:bg-gray-50 transition-colors block group"
>
<div className="flex w-full items-center gap-2">
<div className="w-1/5 max-md:w-1/3 font-bold text-left truncate" style={{ color: 'rgb(77, 180, 94)' }}>
{brandItem.brand}
</div>
<div className="w-1/5 max-md:text-center max-md:w-1/3 font-bold text-left truncate group-hover:text-[#EC1C24] transition-colors">
{oemNumber}
</div>
<div className="w-3/5 max-md:w-1/3 text-left truncate">
{brandItem.name && brandItem.name !== brandItem.brand ? brandItem.name : detailName || 'Запчасть'}
</div>
</div>
</button>
</div>
))}
</div>
</div>
<div className="divide-y divide-gray-200">
{brands.map((brandItem: any, index: number) => (
<div key={index}>
<button
onClick={() => handleBrandSelect(brandItem.brand)}
className="w-full text-left p-4 hover:bg-gray-50 transition-colors block group"
>
<div className="flex w-full items-center gap-2">
<div className="w-1/5 max-md:w-1/3 font-bold text-left truncate" style={{ color: 'rgb(77, 180, 94)' }}>
{brandItem.brand}
</div>
<div className="w-1/5 max-md:text-center max-md:w-1/3 font-bold text-left truncate group-hover:text-[#EC1C24] transition-colors">
{oemNumber}
</div>
<div className="w-3/5 max-md:w-1/3 text-left truncate">
{brandItem.name && brandItem.name !== brandItem.brand ? brandItem.name : detailName || 'Запчасть'}
</div>
</div>
</button>
</div>
))}
</div>
</div>
)}
)}
</div>
)}
</div>