update

src/app/(main)/analytics/LateStartReport/page.tsx

@@ -2,13 +2,14 @@
 import { Metadata } from "next";
 import { I18nProvider } from "@/i18n";
 import Typography from "@mui/material/Typography";
-import LateStartReportComponent from "@/components/Report/LateStartReport";
+import LateStartReportGen from "@/components/Report/LateStartReportGen";
+import { Suspense } from "react";
 
 export const metadata: Metadata = {
   title: "Late Start Report",
 };
 
-const ProjectLateReport: React.FC = () => {
+const ProjectLateReport: React.FC = async () => {
   return (
     <I18nProvider namespaces={["analytics"]}>
       <Typography variant="h4" marginInlineEnd={2}>
@@ -17,7 +18,9 @@ const ProjectLateReport: React.FC = () => {
       {/* <Suspense fallback={<ProgressCashFlowSearch.Loading />}>
         <ProgressCashFlowSearch/>
       </Suspense> */}
-      <LateStartReportComponent />
+      <Suspense fallback={<LateStartReportGen.Loading/>}>
+      <LateStartReportGen />
+      </Suspense>
     </I18nProvider>
   );
 };

src/app/api/customer/index.ts

@@ -11,7 +11,6 @@ export interface Customer {
   address: string | null;
   district: string | null;
   customerType: CustomerType;
-
   contacts: Contact[];
 }
 

src/app/api/report/index.ts

@@ -15,6 +15,10 @@ export interface LateStart {
   subsidiary: string;
   nextstage: string;
   nextstageenddate: string;
+  teamId: number;
+  clientId: number;
+  remainedDate: string;
+  remainedDateTo: string;
 }
 
 export const preloadProjects = () => {
@@ -40,5 +44,9 @@ const mockProjects: LateStart[] = [
     subsidiary: "sus",
     nextstage:"",
     nextstageenddate:"30/2/2024",
+    teamId:12,
+    clientId:21,
+    remainedDate:"30/2/2024",
+    remainedDateTo:"30/3/2024",
   },
 ];