This commit is contained in:
Nathnael
2026-06-17 08:00:00 +00:00
parent 24f314150c
commit 8b7dcdb897
2 changed files with 10 additions and 10 deletions

View File

@@ -1,7 +1,7 @@
import { Grid, Stack } from "@mantine/core";
import { useNavigate } from "react-router-dom";
import type { Currency } from "@/pages/billing/invoices.mock"; import type { Currency } from "@/pages/billing/invoices.mock";
import { formatCurrency } from "@/pages/billing/invoices.mock"; import { formatCurrency } from "@/pages/billing/invoices.mock";
import { Grid, Stack } from "@mantine/core";
import { useNavigate } from "react-router-dom";
import { import {
FreightVolumeSection, FreightVolumeSection,
HelloSection, HelloSection,
@@ -49,7 +49,7 @@ export default function MyPortalPage() {
outstandingInvoicesLength={outstandingInvoices.length} outstandingInvoicesLength={outstandingInvoices.length}
totalOutstanding={totalOutstanding} totalOutstanding={totalOutstanding}
deliveredCount={dashboard?.deliveredCount.toString()} deliveredCount={dashboard?.deliveredCount.toString()}
completionRate={dashboard?.completionRate} completionRate={dashboard?.completionRate?.toString()}
spendYtd={ spendYtd={
dashboard dashboard
? formatCurrency( ? formatCurrency(

View File

@@ -1,24 +1,24 @@
import { Box, Group, Stack, Text } from "@mantine/core";
import { CheckCircle2, ChevronRight, Clock3, Zap } from "lucide-react";
import { format } from "date-fns";
import { memo } from "react";
import { Link } from "react-router-dom";
import type { Currency, InvoiceStatus } from "@/pages/billing/invoices.mock"; import type { Currency, InvoiceStatus } from "@/pages/billing/invoices.mock";
import { formatCurrency } from "@/pages/billing/invoices.mock"; import { formatCurrency } from "@/pages/billing/invoices.mock";
import { Box, Group, Stack, Text } from "@mantine/core";
import { format } from "date-fns";
import { CheckCircle2, ChevronRight, Clock3, Zap } from "lucide-react";
import { memo } from "react";
import { Link } from "react-router-dom";
import { cv, INVOICE_BADGE } from "../constants"; import { cv, INVOICE_BADGE } from "../constants";
import { Card } from "./Card"; import { Card } from "./Card";
import { EmptyState } from "./EmptyState"; import { EmptyState } from "./EmptyState";
interface InvoicesSectionProps { interface InvoicesSectionProps {
invoices: Array<{ invoices: Array<{
id: string; id: number;
number: string; number: string;
bookingReference: string; bookingReference: string;
amount: number; amount: number;
currency: Currency; currency: Currency;
status: InvoiceStatus; status: InvoiceStatus;
dueDate: string; dueDate: string;
paidDate?: string; paidDate: string | null;
}>; }>;
} }