Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-26 19:12:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui improvments

Browse Source
This commit is contained in:
estifanos
2026-07-24 09:25:38 +00:00
parent 9d202b0a12
commit ecb4649eb7
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
apps/backoffice/src/app/features/vessel-registration/pages/VesselRegistrationReviewPage.tsx
View File

@@ -230,6 +230,21 @@ export function VesselRegistrationReviewPage() {
</Alert>
)}
{/* Timeline */}
<Paper withBorder radius="lg" p="xl">
<Text fw={700} mb="md">Timeline</Text>
<Stepper active={record.timeline.filter((t) => t.done).length - 1} size="sm" color="teal" orientation="horizontal">
{record.timeline.map((step, i) => (
<Stepper.Step
key={i}
label={step.event}
description={step.date ?? 'Pending'}
icon={step.done ? <IconCircleCheck size={16} /> : <IconClock size={16} />}
/>
))}
</Stepper>
</Paper>
{/* Two-column body */}
<Grid gutter="md">
{/* Left column */}
@@ -301,20 +316,6 @@ export function VesselRegistrationReviewPage() {
{/* Right column */}
<Grid.Col span={{ base: 12, lg: 5 }}>
<Stack gap="md">
<Paper withBorder radius="lg" p="xl">
<Text fw={700} mb="md">Timeline</Text>
<Stepper active={record.timeline.filter((t) => t.done).length - 1} size="sm" color="teal" orientation="vertical">
{record.timeline.map((step, i) => (
<Stepper.Step
key={i}
label={step.event}
description={step.date ?? 'Pending'}
icon={step.done ? <IconCircleCheck size={16} /> : <IconClock size={16} />}
/>
))}
</Stepper>
</Paper>
{(record.remarks || (record.correctionFields && record.correctionFields.length > 0)) && (
<Paper withBorder radius="lg" p="xl">
<Text fw={700} mb="sm">Officer Remarks</Text>