From 8b7dcdb8972db0e766eb5dd36681b9d8ddd43d2e Mon Sep 17 00:00:00 2001
From: Nathnael <nathnael@example.com>
Date: Wed, 17 Jun 2026 08:00:00 +0000
Subject: [PATCH] fixes

---
 .../portal/src/pages/MyPortalPage/MyPortalPage.tsx |  6 +++---
 .../MyPortalPage/components/InvoicesSection.tsx    | 14 +++++++-------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/MyPortalPage.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/MyPortalPage.tsx
index b9551c321..0a4dcb6ce 100644
--- a/apps/edr-freight-web/portal/src/pages/MyPortalPage/MyPortalPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/MyPortalPage.tsx
@@ -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 { formatCurrency } from "@/pages/billing/invoices.mock";
+import { Grid, Stack } from "@mantine/core";
+import { useNavigate } from "react-router-dom";
 import {
   FreightVolumeSection,
   HelloSection,
@@ -49,7 +49,7 @@ export default function MyPortalPage() {
         outstandingInvoicesLength={outstandingInvoices.length}
         totalOutstanding={totalOutstanding}
         deliveredCount={dashboard?.deliveredCount.toString()}
-        completionRate={dashboard?.completionRate}
+        completionRate={dashboard?.completionRate?.toString()}
         spendYtd={
           dashboard
             ? formatCurrency(
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/InvoicesSection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/InvoicesSection.tsx
index fcdc14095..4e2c30343 100644
--- a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/InvoicesSection.tsx
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/InvoicesSection.tsx
@@ -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 { 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 { Card } from "./Card";
 import { EmptyState } from "./EmptyState";
 
 interface InvoicesSectionProps {
   invoices: Array<{
-    id: string;
+    id: number;
     number: string;
     bookingReference: string;
     amount: number;
     currency: Currency;
     status: InvoiceStatus;
     dueDate: string;
-    paidDate?: string;
+    paidDate: string | null;
   }>;
 }