Bổ sung tính năng cập nhật tiền của địa điểm

This commit is contained in:
2026-06-14 10:46:52 +07:00
parent 838aec562f
commit 58087a4b37
10 changed files with 162 additions and 24 deletions
+13
View File
@@ -195,6 +195,8 @@ export const ItineraryTimeline = ({
? differenceInMinutes(parseISO(location.plannedEnd), parseISO(location.plannedStart))
: null;
const locationExpense = leg.expenses?.find((e: any) => e.locationId === location.id);
const isStartPoint = legs[0]?.id === leg.id && idx === 0;
const isEndPoint = legs[legs.length - 1]?.id === leg.id && idx === leg.locations.length - 1;
@@ -234,12 +236,23 @@ export const ItineraryTimeline = ({
<MapPin className="w-3 h-3 mr-1" />
<span className="truncate max-w-[200px] sm:max-w-md">{location.address}</span>
</div>
{location.note && (
<div className="mt-2 text-xs text-gray-600 bg-gray-50 p-2 rounded-lg border border-gray-100 italic">
{location.note}
</div>
)}
{dwellMinutes !== null && (
<div className="flex items-center text-xs text-amber-600 font-medium mt-1">
<Clock className="w-3 h-3 mr-1" />
<span>Thời gian dừng: {formatTravelTime(dwellMinutes)}</span>
</div>
)}
{locationExpense && (
<div className="flex items-center text-xs text-indigo-600 font-bold mt-1">
<Zap className="w-3 h-3 mr-1" />
<span>Chi phí: {Number(locationExpense.amount).toLocaleString()}đ ({locationExpense.category})</span>
</div>
)}
</div>
<div className="text-right flex flex-col items-end">