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

feat: add toGregorianDateLabel function and update date displays across multiple pages

Browse Source
This commit is contained in:
estifanos
2026-07-31 10:37:04 +00:00
parent 48bc31d321
commit f736e4ddac
5 changed files with 31 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/portal/src/app/features/seafarer/pages/SeafarerRegistrationPage.tsx
View File

@@ -35,7 +35,7 @@ import {
import { useNavigate } from 'react-router-dom';
import { notify, BilingualInput, useErrorHandler } from '@ema-platform/ui';
import type { BilingualValue } from '@ema-platform/ui';
import { AmharicDatePicker, toEthiopicDateLabel } from '../../../components/AmharicDatePicker';
import { AmharicDatePicker, toEthiopicDateLabel, toGregorianDateLabel } from '../../../components/AmharicDatePicker';
import { LocationPicker } from '../../location/components/LocationPicker';
// ---------------------------------------------------------------------------
@@ -458,13 +458,13 @@ export function SeafarerRegistrationPage() {
<ReviewRow label="Middle Name" value={`${middleName.en}${middleName.am ? ` / ${middleName.am}` : ''}`} />
<ReviewRow label="Last Name" value={`${lastName.en}${lastName.am ? ` / ${lastName.am}` : ''}`} />
<ReviewRow label="Gender" value={gender ?? ''} />
<ReviewRow label="Date of Birth" value={`${dob}${dob ? ` (${toEthiopicDateLabel(dob)})` : ''}`} />
<ReviewRow label="Date of Birth" value={`${dob ? toGregorianDateLabel(dob) : ''}${dob ? ` (${toEthiopicDateLabel(dob)})` : ''}`} />
<ReviewRow label="Place of Birth" value={placeOfBirth} />
<ReviewRow label="Nationality" value={nationality ?? ''} />
<ReviewRow label="Marital Status" value={maritalStatus ?? ''} />
<ReviewRow label="National ID No." value={nationalIdNumber} />
<ReviewRow label="Passport No." value={passportNumber} />
<ReviewRow label="Passport Expiry" value={passportExpiry} />
<ReviewRow label="Passport Expiry" value={passportExpiry ? toGregorianDateLabel(passportExpiry) : ''} />
</SimpleGrid>
</Paper>

8
apps/portal/src/app/features/seaman-book/pages/SeamanBookApplicationPage.tsx
View File

@@ -1,5 +1,5 @@
import { useRef, useState } from "react";
import { AmharicDatePicker } from "../../../components/AmharicDatePicker";
import { AmharicDatePicker, toGregorianDateLabel } from "../../../components/AmharicDatePicker";
import {
Alert,
Badge,
@@ -1228,8 +1228,8 @@ export function SeamanBookApplicationPage() {
<SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md">
<ReviewRow label="Certificate No." value={medCertNumber} />
<ReviewRow label="Issuing Centre" value={medIssuer} />
<ReviewRow label="Issue Date" value={medIssueDate} />
<ReviewRow label="Expiry Date" value={medExpiryDate} />
<ReviewRow label="Issue Date" value={medIssueDate ? toGregorianDateLabel(medIssueDate) : ''} />
<ReviewRow label="Expiry Date" value={medExpiryDate ? toGregorianDateLabel(medExpiryDate) : ''} />
<ReviewRow label="Document" value={medFile?.name ?? "—"} />
</SimpleGrid>
</Paper>
@@ -1254,7 +1254,7 @@ export function SeamanBookApplicationPage() {
: paymentRef
}
/>
<ReviewRow label="Payment Date" value={paymentDate} />
<ReviewRow label="Payment Date" value={paymentDate ? toGregorianDateLabel(paymentDate) : ''} />
<ReviewRow
label="Total Paid"
value={`ETB ${TOTAL.toFixed(2)}`}

6
apps/portal/src/app/features/shipping-agent-license/pages/ShippingAgentLicenseApplicationPage.tsx
View File

@@ -1,7 +1,7 @@
import { useRef, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { useApiMutation } from '@ema-platform/api';
import { AmharicDatePicker } from '../../../components/AmharicDatePicker';
import { AmharicDatePicker, toGregorianDateLabel } from '../../../components/AmharicDatePicker';
import {
Alert,
Badge,
@@ -422,8 +422,8 @@ export function ShippingAgentLicenseApplicationPage() {
<SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md">
<ReviewRow label="Shipping Company Name" value={shippingCompanyName} />
<ReviewRow label="Agreement Reference Number" value={agreementRefNumber} />
<ReviewRow label="Agreement Start Date" value={agreementStartDate} />
<ReviewRow label="Agreement End Date" value={agreementEndDate} />
<ReviewRow label="Agreement Start Date" value={agreementStartDate ? toGregorianDateLabel(agreementStartDate) : ''} />
<ReviewRow label="Agreement End Date" value={agreementEndDate ? toGregorianDateLabel(agreementEndDate) : ''} />
</SimpleGrid>
</Paper>

6
apps/portal/src/app/features/waiver/pages/WaiverApplicationPage.tsx
View File

@@ -1,7 +1,7 @@
import { useRef, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { useApiMutation } from '@ema-platform/api';
import { AmharicDatePicker } from '../../../components/AmharicDatePicker';
import { AmharicDatePicker, toGregorianDateLabel } from '../../../components/AmharicDatePicker';
import {
Alert,
Badge,
@@ -454,8 +454,8 @@ export function WaiverApplicationPage() {
<ReviewRow label="To Port" value={toPortName} />
<ReviewRow label="Vessel Name" value={vesselName} />
<ReviewRow label="Carrier Name" value={carrierName} />
{isPreWaiver && <ReviewRow label="Estimated Arrival Date" value={estimatedArrivalDate} />}
{isPostWaiver && <ReviewRow label="Actual Arrival Date" value={actualArrivalDate} />}
{isPreWaiver && <ReviewRow label="Estimated Arrival Date" value={estimatedArrivalDate ? toGregorianDateLabel(estimatedArrivalDate) : ''} />}
{isPostWaiver && <ReviewRow label="Actual Arrival Date" value={actualArrivalDate ? toGregorianDateLabel(actualArrivalDate) : ''} />}
</SimpleGrid>
</Paper>