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

fix1207

Browse Source
This commit is contained in:
egortriston
2025-07-12 18:21:09 +03:00
parent 791152a862
commit cebe3a10ac
9 changed files with 264 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/profile/ProfileGarageMain.tsx
View File

@ -247,63 +247,65 @@ const ProfileGarageMain = () => {
</button>
</div>
</div>
</div>
{/* Расширенная информация об автомобиле */}
{expandedVehicle === vehicle.id && (
<div className="mt-4 px-5 py-4 bg-white rounded-lg border border-gray-200">
{/* Расширенная информация об автомобиле — вложена внутрь карточки */}
<div
className={
`overflow-hidden transition-all duration-300 rounded-lg flex flex-col gap-4` +
(expandedVehicle === vehicle.id ? ' py-4 max-h-[1000px] opacity-100 mt-4' : ' max-h-0 opacity-0 pointer-events-none')
}
>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm">
{vehicle.brand && (
<div>
<span className="font-medium text-gray-700">Бренд:</span>
<span className="ml-2 text-gray-900">{vehicle.brand}</span>
<div className="font-bold text-gray-950">Бренд</div>
<div className="mt-1.5 text-gray-600">{vehicle.brand}</div>
</div>
)}
{vehicle.model && (
<div>
<span className="font-medium text-gray-700">Модель:</span>
<span className="ml-2 text-gray-900">{vehicle.model}</span>
<div className="font-bold text-gray-950">Модель</div>
<div className="mt-1.5 text-gray-600">{vehicle.model}</div>
</div>
)}
{vehicle.modification && (
<div>
<span className="font-medium text-gray-700">Модификация:</span>
<span className="ml-2 text-gray-900">{vehicle.modification}</span>
<div className="font-bold text-gray-950">Модификация</div>
<div className="mt-1.5 text-gray-600">{vehicle.modification}</div>
</div>
)}
{vehicle.year && (
<div>
<span className="font-medium text-gray-700">Год:</span>
<span className="ml-2 text-gray-900">{vehicle.year}</span>
<div className="font-bold text-gray-950">Год</div>
<div className="mt-1.5 text-gray-600">{vehicle.year}</div>
</div>
)}
{vehicle.frame && (
<div>
<span className="font-medium text-gray-700">Номер кузова:</span>
<span className="ml-2 text-gray-900">{vehicle.frame}</span>
<div className="font-bold text-gray-950">Номер кузова</div>
<div className="mt-1.5 text-gray-600">{vehicle.frame}</div>
</div>
)}
{vehicle.licensePlate && (
<div>
<span className="font-medium text-gray-700">Госномер:</span>
<span className="ml-2 text-gray-900">{vehicle.licensePlate}</span>
<div className="font-bold text-gray-950">Госномер</div>
<div className="mt-1.5 text-gray-600">{vehicle.licensePlate}</div>
</div>
)}
{vehicle.mileage && (
<div>
<span className="font-medium text-gray-700">Пробег:</span>
<span className="ml-2 text-gray-900">{vehicle.mileage.toLocaleString()} км</span>
<div className="font-bold text-gray-950">Пробег</div>
<div className="mt-1.5 text-gray-600">{vehicle.mileage.toLocaleString()} км</div>
</div>
)}
<div>
<span className="font-medium text-gray-700">Добавлен:</span>
<span className="ml-2 text-gray-900">
<div className="font-bold text-gray-950">Добавлен</div>
<div className="mt-1.5 text-gray-600">
{new Date(vehicle.createdAt).toLocaleDateString('ru-RU')}
</span>
</div>
</div>
</div>
</div>
)}
</div>
</div>
))}
{!showAddCar && (