sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dispay message in searchcard

Browse Source
This commit is contained in:
Timofey
2025-05-21 16:31:09 +03:00
parent c4e1e16e79
commit c6c405f232
15 changed files with 712 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
frontend/app/(urls)/account/routes/page.tsx
View File

@@ -6,6 +6,8 @@ interface Route {
id: string
from_city_name: string
to_city_name: string
from_country_name: string
to_country_name: string
formatted_departure: string
formatted_arrival: string
formatted_cargo_type: string
@@ -46,9 +48,7 @@ export default async function UserRoutes() {
return (
<div className="flex items-center justify-center py-12">
<div className="text-red-500">
{error instanceof Error
? error.message
: 'Не удалось загрузить маршруты'}
{error instanceof Error ? error.message : 'Не удалось загрузить маршруты'}
</div>
</div>
)
@@ -56,8 +56,8 @@ export default async function UserRoutes() {
return (
<div className="space-y-3">
<div className="rounded-2xl shadow overflow-hidden">
<div className="p-6 bg-white sm:p-8">
<div className="overflow-hidden rounded-2xl shadow">
<div className="bg-white p-6 sm:p-8">
<div className="space-y-4">
<h1 className="text-2xl">Мои маршруты</h1>
</div>
@@ -65,55 +65,48 @@ export default async function UserRoutes() {
<div className="flex flex-col items-center justify-center py-12 text-gray-500">
<p className="text-lg">У вас пока нет завершенных маршрутов</p>
<p className="text-sm">
Создавайте или принимайте заявки на перевозку, чтобы они
отобразились тут
Создавайте или принимайте заявки на перевозку, чтобы они отобразились тут
</p>
</div>
)}
{routes.length > 0 && (
<div className="mt-4 space-y-4">
{routes.map((route) => (
{routes.map(route => (
<div
key={route.id}
className="border rounded-2xl p-6 space-y-4 hover:shadow-md transition-shadow bg-white"
className="space-y-4 rounded-2xl border bg-white p-6 transition-shadow hover:shadow-md"
>
<div className="flex justify-between items-center">
<div className="text-sm text-gray-500">
ID маршрута: #{route.id}
</div>
<div className="flex items-center justify-between">
<div className="text-sm text-gray-500">ID маршрута: #{route.id}</div>
<div
className={`px-3 py-1 rounded-full text-sm ${
className={`rounded-full px-3 py-1 text-sm ${
route.owner_type === 'customer'
? 'bg-blue-100 text-blue-800'
: 'bg-green-100 text-green-800'
}`}
>
{route.owner_type === 'customer'
? 'Заказчик'
: 'Перевозчик'}
{route.owner_type === 'customer' ? 'Заказчик' : 'Перевозчик'}
</div>
</div>
<div className="flex flex-col space-y-1">
<div className="flex items-center space-x-3">
<div className="w-4 h-4 rounded-full bg-blue-500 flex-shrink-0" />
<div className="h-4 w-4 flex-shrink-0 rounded-full bg-blue-500" />
<div>
<div className="font-medium">
{route.from_city_name}
</div>
<div className="text-sm text-gray-600">
{route.formatted_departure}
{route.from_city_name} / {route.from_country_name}
</div>
<div className="text-sm text-gray-600">{route.formatted_departure}</div>
</div>
</div>
<div className="ml-[7px] w-[2px] h-6 bg-gray-300" />
<div className="ml-[7px] h-6 w-[2px] bg-gray-300" />
<div className="flex items-center space-x-3">
<div className="w-4 h-4 rounded-full bg-green-500 flex-shrink-0" />
<div className="h-4 w-4 flex-shrink-0 rounded-full bg-green-500" />
<div>
<div className="font-medium">{route.to_city_name}</div>
<div className="text-sm text-gray-600">
{route.formatted_arrival}
<div className="font-medium">
{route.to_city_name} / {route.to_country_name}
</div>
<div className="text-sm text-gray-600">{route.formatted_arrival}</div>
</div>
</div>
</div>
@@ -121,23 +114,18 @@ export default async function UserRoutes() {
<div className="flex flex-wrap gap-4 pt-2">
<div className="flex items-center space-x-2">
<div className="text-gray-500">Тип груза:</div>
<div className="font-medium">
{route.formatted_cargo_type}
</div>
<div className="font-medium">{route.formatted_cargo_type}</div>
</div>
<div className="flex items-center space-x-2">
<div className="text-gray-500">Способ перевозки:</div>
<div className="font-medium">
{route.formatted_transport}
</div>
<div className="font-medium">{route.formatted_transport}</div>
</div>
</div>
{route.comment && (
<div className="pt-2 border-t border-gray-300">
<div className="border-t border-gray-300 pt-2">
<div className="text-sm text-gray-500">
<span className="text-gray-500">Комментарий:</span>{' '}
{route.comment}
<span className="text-gray-500">Комментарий:</span> {route.comment}
</div>
</div>
)}