feat: enhance timeline event display with localization support
Some checks failed
lotteryfront CI / build (push) Has been cancelled
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user