diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatsSection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatsSection.tsx index 006907eeb..8a0545fb7 100644 --- a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatsSection.tsx +++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatsSection.tsx @@ -1,10 +1,5 @@ -import { Box, SimpleGrid } from "@mantine/core"; -import { - CheckCircle2, - Clock3, - Truck, - Wallet, -} from "lucide-react"; +import { SimpleGrid } from "@mantine/core"; +import { CheckCircle2, Clock3, Truck, Wallet } from "lucide-react"; import { memo } from "react"; import { formatCurrency } from "@/pages/billing/invoices.mock"; import { formatPct } from "../constants"; @@ -34,7 +29,6 @@ export const StatsSection = memo(function StatsSection({ completionRate, spendYtd, spendYtdChangePct, - dashboardLoading, }: StatsSectionProps) { return ( diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/constants.ts b/apps/edr-freight-web/portal/src/pages/MyPortalPage/constants.ts index c08b5e73a..d1231406c 100644 --- a/apps/edr-freight-web/portal/src/pages/MyPortalPage/constants.ts +++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/constants.ts @@ -9,7 +9,7 @@ import { Wallet, type LucideIcon, } from "lucide-react"; -import type { Currency, InvoiceStatus } from "@/pages/billing/invoices.mock"; +import type { InvoiceStatus } from "@/pages/billing/invoices.mock"; export const cv = (token: string) => { const [name, shade] = token.split("."); @@ -319,12 +319,14 @@ export const STATUS_CONFIG: Record = { }, }; -export const ACTION_PROPS: Record = - { - dark: { bg: "edr-ink", c: "white" }, - amber: { bg: "edr-accent", c: "white" }, - outline: { bg: "edr-card", c: "edr-text", bd: "1px solid edr-border" }, - }; +export const ACTION_PROPS: Record< + string, + { bg: string; c: string; bd?: string } +> = { + dark: { bg: "edr-ink", c: "white" }, + amber: { bg: "edr-accent", c: "white" }, + outline: { bg: "edr-card", c: "edr-text", bd: "1px solid edr-border" }, +}; export const INVOICE_BADGE: Record< InvoiceStatus, diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/StatusHero.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/StatusHero.tsx index 2ba282fa2..31bbca748 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/StatusHero.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/StatusHero.tsx @@ -105,7 +105,6 @@ export function StatusHero({ function ProgressTracker({ current, tone = "green", - negative, }: { current: number; tone?: "green" | "ink"; @@ -114,7 +113,6 @@ function ProgressTracker({ const last = PROGRESS_STAGES.length - 1; const activeFill = tone === "ink" ? "#0C1A2B" : "#0EA371"; const activeRing = tone === "ink" ? "#D9E0E7" : "#BFE8D4"; - const activeSub = tone === "ink" ? "#475569" : "#0A6F4D"; return ( /* Scrollable on mobile so 5 stages never overflow */ diff --git a/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx b/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx index 6ccf34362..a7b3cab11 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx @@ -16,12 +16,18 @@ import { Title, } from "@mantine/core"; import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; -import { AlertCircle, Check, ChevronLeft, ChevronRight, Send, XCircle } from "lucide-react"; +import { + AlertCircle, + Check, + ChevronLeft, + ChevronRight, + Send, + XCircle, +} from "lucide-react"; import { useMemo, useState } from "react"; import { useForm } from "react-hook-form"; import { useNavigate } from "react-router-dom"; import useAuth from "@/hooks/useAuth"; -import type { Freight } from "@/types"; import { BookingFormInputValues, STEPS, @@ -191,8 +197,12 @@ export default function NewBookingPage() { [docValues], ); - const [pricingPhase, setPricingPhase] = useState<"idle" | "generating" | "ready">("idle"); - const [pricingData, setPricingData] = useState(null); + const [pricingPhase, setPricingPhase] = useState< + "idle" | "generating" | "ready" + >("idle"); + const [pricingData, setPricingData] = useState( + null, + ); const [priceBookingId, setPriceBookingId] = useState(null); const [cancelDialogOpen, setCancelDialogOpen] = useState(false); const [cancelReason, setCancelReason] = useState(""); @@ -444,7 +454,9 @@ export default function NewBookingPage() { pricingData={pricingData} onConfirm={() => confirmMutation.mutate()} onContinueLater={ - priceBookingId ? () => navigate(`/bookings/${priceBookingId}`) : undefined + priceBookingId + ? () => navigate(`/bookings/${priceBookingId}`) + : undefined } onAbort={() => setCancelDialogOpen(true)} confirmPending={confirmMutation.isPending} @@ -502,7 +514,9 @@ export default function NewBookingPage() { createMutation.isPending ? undefined : } > - {createMutation.isPending ? "Saving Draft..." : "Save as Draft"} + {createMutation.isPending + ? "Saving Draft..." + : "Save as Draft"} {hasDocuments && ( )} ) : pricingPhase === "generating" ? ( - ) : null}