chore: Add suspense to missed routes and routes with added fetches as…

… suggested by Brianna
bcgov · Sep 20, 2024 · 37a3dc3 · 37a3dc3
1 parent 61ee052
commit 37a3dc3
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 24 deletions.
diff --git a/...tration/app/bceidbusiness/industry_user/register-an-operation/[operation]/[step]/page.tsx b/...tration/app/bceidbusiness/industry_user/register-an-operation/[operation]/[step]/page.tsx
@@ -1,5 +1,6 @@
 import OperationRegistrationPage from "apps/registration/app/components/operations/OperationRegistrationPage";
-
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 import { UUID } from "crypto";
 
 export default function Page({
@@ -11,10 +12,12 @@ export default function Page({
 }) {
   const { operation, step } = params;
   return (
-    <OperationRegistrationPage
-      step={parseInt(step)}
-      operation={operation}
-      searchParams={searchParams}
-    />
+    <Suspense fallback={<Loading />}>
+      <OperationRegistrationPage
+        step={parseInt(step)}
+        operation={operation}
+        searchParams={searchParams}
+      />
+    </Suspense>
   );
 }
diff --git a/bciers/apps/registration/app/bceidbusiness/industry_user/register-an-operation/page.tsx b/bciers/apps/registration/app/bceidbusiness/industry_user/register-an-operation/page.tsx
@@ -2,6 +2,8 @@
 
 import OperationRegistrationPage from "@/registration/app/components/operations/OperationRegistrationPage";
 import { UUID } from "crypto";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
@@ -11,12 +13,12 @@ export default async function Page({
   searchParams: any;
 }) {
   return (
-    <>
+    <Suspense fallback={<Loading />}>
       <OperationRegistrationPage
         step={1}
         operation={params?.operation}
         searchParams={searchParams}
       />
-    </>
+    </Suspense>
   );
 }
diff --git a/...n/app/bceidbusiness/industry_user_admin/register-an-operation/[operation]/[step]/page.tsx b/...n/app/bceidbusiness/industry_user_admin/register-an-operation/[operation]/[step]/page.tsx
@@ -1,5 +1,6 @@
 import OperationRegistrationPage from "apps/registration/app/components/operations/OperationRegistrationPage";
-
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 import { UUID } from "crypto";
 
 export default function Page({
@@ -11,10 +12,12 @@ export default function Page({
 }) {
   const { operation, step } = params;
   return (
-    <OperationRegistrationPage
-      step={parseInt(step)}
-      operation={operation}
-      searchParams={searchParams}
-    />
+    <Suspense fallback={<Loading />}>
+      <OperationRegistrationPage
+        step={parseInt(step)}
+        operation={operation}
+        searchParams={searchParams}
+      />
+    </Suspense>
   );
 }
diff --git a/...rs/apps/registration/app/bceidbusiness/industry_user_admin/register-an-operation/page.tsx b/...rs/apps/registration/app/bceidbusiness/industry_user_admin/register-an-operation/page.tsx
@@ -2,6 +2,8 @@
 
 import OperationRegistrationPage from "@/registration/app/components/operations/OperationRegistrationPage";
 import { UUID } from "crypto";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
@@ -11,12 +13,12 @@ export default async function Page({
   searchParams: any;
 }) {
   return (
-    <>
+    <Suspense fallback={<Loading />}>
       <OperationRegistrationPage
         step={1}
         operation={params?.operation}
         searchParams={searchParams}
       />
-    </>
+    </Suspense>
   );
 }
diff --git a/...bceidbusiness/industry_user/reports/[version_id]/facilities/[facility_id]/review/page.tsx b/...bceidbusiness/industry_user/reports/[version_id]/facilities/[facility_id]/review/page.tsx
@@ -1,14 +1,18 @@
 import FacilityReviewFormData from "@reporting/src/app/components/facility/FacilityReviewFormData";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
 }: {
   params: { version_id: number; facility_id: number };
 }) {
   return (
-    <FacilityReviewFormData
-      version_id={params.version_id}
-      facility_id={params.facility_id}
-    />
+    <Suspense fallback={<Loading />}>
+      <FacilityReviewFormData
+        version_id={params.version_id}
+        facility_id={params.facility_id}
+      />
+    </Suspense>
   );
 }
diff --git a/...usiness/industry_user_admin/reports/[version_id]/facilities/[facility_id]/review/page.tsx b/...usiness/industry_user_admin/reports/[version_id]/facilities/[facility_id]/review/page.tsx
@@ -1,14 +1,18 @@
 import FacilityReviewFormData from "@reporting/src/app/components/facility/FacilityReviewFormData";
+import { Suspense } from "react";
+import Loading from "@bciers/components/loading/SkeletonForm";
 
 export default async function Page({
   params,
 }: {
   params: { version_id: number; facility_id: number };
 }) {
   return (
-    <FacilityReviewFormData
-      version_id={params.version_id}
-      facility_id={params.facility_id}
-    />
+    <Suspense fallback={<Loading />}>
+      <FacilityReviewFormData
+        version_id={params.version_id}
+        facility_id={params.facility_id}
+      />
+    </Suspense>
   );
 }