mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-08-29 22:18:12 +00:00
85c2fd1428
- Added and to for better visibility of GL-created shipment bookings. - Implemented method in to fetch the latest clearance phase for contracts, improving list responses. - Introduced property in the entity to store the latest clearance cycle's phase. - Updated to surface linked booking information in the clearance view. - Created component to display detailed container information in booking details. - Refactored booking actions to remove contract-related actions from the booking request page. - Enhanced the component to reflect the current phase of clearance actions. - Updated UI components to provide clearer messaging regarding the status of clearance and linked bookings. - Adjusted action handling in to include duty payment actions. - Improved the to show hints for each phase of the clearance process.
97 lines
2.8 KiB
TypeScript
97 lines
2.8 KiB
TypeScript
import { Zap, Clock } from "lucide-react";
|
|
import { Stack, Text } from "@mantine/core";
|
|
|
|
import type { BookingDetail } from "@/types/booking";
|
|
import { BookingActionsMenu } from "./BookingActionsMenu";
|
|
import { SectionCard } from "./detail/SectionCard";
|
|
import { toBookingListRow } from "@/features/bookings/mapBookingListRow";
|
|
import type { useBookingMutations } from "@/hooks/bookings/useBookings";
|
|
|
|
type Mutations = ReturnType<typeof useBookingMutations>;
|
|
|
|
interface BookingActionsToolbarProps {
|
|
booking: BookingDetail;
|
|
mutations: Mutations;
|
|
}
|
|
|
|
/** Detail-page actions: primary staff-action toolbar. */
|
|
export function BookingActionsToolbar({ booking }: BookingActionsToolbarProps) {
|
|
const row = toBookingListRow(booking);
|
|
const { status } = booking;
|
|
|
|
if (status === "REJECTED" || status === "CANCELLED" || status === "COMPLETED") {
|
|
return null;
|
|
}
|
|
|
|
if (status === "CHANGES_REQUESTED") {
|
|
return (
|
|
<SectionCard icon={Zap} title="Awaiting customer">
|
|
<Stack gap="sm">
|
|
<Text size="sm" c="dimmed">
|
|
No staff actions until resubmit.
|
|
</Text>
|
|
{booking.latestChangeRequestNote && (
|
|
<Text
|
|
size="sm"
|
|
p="sm"
|
|
style={{
|
|
borderRadius: 8,
|
|
border: "1px solid var(--mantine-color-gray-2)",
|
|
background: "var(--mantine-color-gray-0)",
|
|
lineHeight: 1.5,
|
|
}}
|
|
>
|
|
{booking.latestChangeRequestNote}
|
|
</Text>
|
|
)}
|
|
</Stack>
|
|
</SectionCard>
|
|
);
|
|
}
|
|
|
|
if (["DRAFT", "PENDING_CONSOLIDATION", "CONSOLIDATED"].includes(status)) {
|
|
return (
|
|
<SectionCard icon={Zap} title="No staff actions">
|
|
<Text size="sm" c="dimmed">
|
|
Monitor until the customer or system advances status.
|
|
</Text>
|
|
</SectionCard>
|
|
);
|
|
}
|
|
|
|
if (
|
|
["FULLY_EXECUTED", "PNR_GENERATED", "PAYMENT_VERIFICATION_IN_PROGRESS"].includes(
|
|
status,
|
|
)
|
|
) {
|
|
return (
|
|
<Stack gap="lg">
|
|
<SectionCard icon={Clock} title="Awaiting customer payment">
|
|
<Stack gap="sm">
|
|
<Text size="sm" c="dimmed">
|
|
Payment is completed by the customer. The booking status updates
|
|
automatically once payment is confirmed, then moves to Operations.
|
|
</Text>
|
|
{status === "FULLY_EXECUTED" && (
|
|
<BookingActionsMenu row={row} variant="toolbar" />
|
|
)}
|
|
</Stack>
|
|
</SectionCard>
|
|
</Stack>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Stack gap="lg">
|
|
<SectionCard icon={Zap} title="Staff actions">
|
|
<Stack gap="sm">
|
|
<Text size="xs" c="dimmed">
|
|
Confirm each step before it is applied.
|
|
</Text>
|
|
<BookingActionsMenu row={row} variant="toolbar" />
|
|
</Stack>
|
|
</SectionCard>
|
|
</Stack>
|
|
);
|
|
}
|