feat: enhance timeline event display with localization support
Some checks failed
lotteryfront CI / build (push) Has been cancelled

- Updated the TicketOrderDetailScreen to utilize localized labels for timeline events, improving user experience across different languages.
- Added new timeline event translations in English, Nepali, and Chinese to support the updated display logic.
This commit is contained in:
2026-06-22 10:51:58 +08:00
parent ecb032f8cc
commit 15b7cca9f5
4 changed files with 24 additions and 4 deletions

View File

@@ -412,10 +412,9 @@ export function TicketOrderDetailScreen({ ticketNo }: { ticketNo: string }) {
<div className="mt-2 space-y-2">
{timeline.map((row) => (
<div key={row.code} className="flex items-start justify-between gap-3 rounded-lg bg-white px-3 py-2">
<div className="min-w-0">
<p className="text-xs font-bold text-[#32518d]">{row.label}</p>
<p className="mt-0.5 font-mono text-[11px] text-slate-500">{row.code}</p>
</div>
<p className="min-w-0 text-xs font-bold text-[#32518d]">
{t(`orders.timelineEvent.${row.code}`, { defaultValue: row.label })}
</p>
<p className="shrink-0 font-mono text-[11px] text-slate-500">
{formatPlayerInstant(row.time)}
</p>