chore: Wrapped graph wrappers in ErrorBoundary

theopensystemslab · Aug 16, 2024 · e6b1651 · e6b1651
1 parent a6e2cda
commit e6b1651
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 20 deletions.
diff --git a/app/components/graphs/LifetimeFairholdLandPurchaseWrapper.tsx b/app/components/graphs/LifetimeFairholdLandPurchaseWrapper.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+import ErrorBoundary from '../ErrorBoundary';
 import { Household } from "@/app/models/Household";
 import LifetimeCombinedChart from "./LifetimeCombinedChart";
 
@@ -43,10 +44,12 @@ const LifetimeFairholdLandPurchaseWrapper: React.FC<Props> = ({
     ) ?? [];
 
   return (
+    <ErrorBoundary>
     <div>
       <h2>Lifetime Costs Chart</h2>
       <LifetimeCombinedChart data={chartData} colorScheme={colorScheme} />
     </div>
+    </ErrorBoundary>
   );
 };
 

diff --git a/app/components/graphs/LifetimeFairholdLandRentWrapper.tsx b/app/components/graphs/LifetimeFairholdLandRentWrapper.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+import ErrorBoundary from '../ErrorBoundary';
 import { Household } from "@/app/models/Household";
 import LifetimeCombinedChart from "./LifetimeCombinedChart";
 interface Props {
@@ -38,10 +39,12 @@ const LifetimeFairholdLandRentWrapper: React.FC<Props> = ({ household }) => {
     }) ?? [];
 
   return (
-    <div>
-      <h2>Lifetime Costs Chart</h2>
-      <LifetimeCombinedChart data={chartData} colorScheme={colorScheme} />
-    </div>
+    <ErrorBoundary>
+      <div>
+        <h2>Lifetime Costs Chart</h2>
+        <LifetimeCombinedChart data={chartData} colorScheme={colorScheme} />
+      </div>
+    </ErrorBoundary>
   );
 };
 

diff --git a/app/components/graphs/LifetimeMarketPurchaseWrapper.tsx b/app/components/graphs/LifetimeMarketPurchaseWrapper.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+import ErrorBoundary from '../ErrorBoundary';
 import { Household } from "@/app/models/Household";
 import LifetimeCombinedChart from "./LifetimeCombinedChart";
 
@@ -39,10 +40,12 @@ const LifetimeMarketPurchaseWrapper: React.FC<Props> = ({ household }) => {
     }) ?? [];
 
   return (
-    <div>
-      <h2>Lifetime Costs Chart</h2>
-      <LifetimeCombinedChart data={chartData} colorScheme={colorScheme} />
-    </div>
+    <ErrorBoundary>
+      <div>
+        <h2>Lifetime Costs Chart</h2>
+        <LifetimeCombinedChart data={chartData} colorScheme={colorScheme} />
+      </div>
+    </ErrorBoundary>
   );
 };
 

diff --git a/app/components/graphs/LifetimeMarketRentWrapper.tsx b/app/components/graphs/LifetimeMarketRentWrapper.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+import ErrorBoundary from '../ErrorBoundary';
 import { Household } from "@/app/models/Household";
 import LifetimeCombinedChart from "./LifetimeCombinedChart";
 
@@ -38,10 +39,12 @@ const LifetimeMarketRentWrapper: React.FC<Props> = ({ household }) => {
     }) ?? [];
 
   return (
-    <div>
-      <h2>Lifetime Costs Chart</h2>
-      <LifetimeCombinedChart data={chartData} colorScheme={colorScheme} />
-    </div>
+    <ErrorBoundary>
+      <div>
+        <h2>Lifetime Costs Chart</h2>
+        <LifetimeCombinedChart data={chartData} colorScheme={colorScheme} />
+      </div>
+    </ErrorBoundary>
   );
 };
 

diff --git a/app/components/graphs/TenureComparisonWrapper.tsx b/app/components/graphs/TenureComparisonWrapper.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+import ErrorBoundary from '../ErrorBoundary';
 import { Household } from "@/app/models/Household";
 import TenureComparisonBarChart from "./TenureComparisonBarChart";
 
@@ -58,10 +59,12 @@ const TenureComparisonWrapper: React.FC<TenureComparisonWrapperProps> = ({
   const formattedData = formatData(household);
 
   return (
-    <div>
-      <h2>Tenure Comparison Chart</h2>
-      <TenureComparisonBarChart data={formattedData} />
-    </div>
+    <ErrorBoundary>
+      <div>
+        <h2>Tenure Comparison Chart</h2>
+        <TenureComparisonBarChart data={formattedData} />
+      </div>
+    </ErrorBoundary>
   );
 };
 

diff --git a/app/components/graphs/TotalPaymentWrapper.tsx b/app/components/graphs/TotalPaymentWrapper.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+import ErrorBoundary from '../ErrorBoundary';
 import { Household } from "@/app/models/Household";
 import TotalPaymentBarChart from "./TotalPaymentBarChart";
 
@@ -55,10 +56,12 @@ const TotalPaymentWrapper: React.FC<TotalPaymentWrapperProps> = ({
   ];
 
   return (
-    <div>
-      <h2>Total Payments Chart</h2>
-      <TotalPaymentBarChart data={chartData} />
-    </div>
+    <ErrorBoundary>
+      <div>
+        <h2>Total Payments Chart</h2>
+        <TotalPaymentBarChart data={chartData} />
+      </div>
+    </ErrorBoundary>
   );
 };