Add ErrorBoundary component

- wrap a myriad of components in ErrorBoundary

resolves #270
This commit is contained in:
Jason Fischer 2022-10-04 13:15:49 -07:00
parent 07a28c0841
commit 962e6e576c
No known key found for this signature in database
5 changed files with 52 additions and 7 deletions

View file

@ -1,5 +1,6 @@
import classNames from "classnames";
import ErrorBoundary from "components/errorboundry";
import List from "components/services/list";
export default function ServicesGroup({ services, layout }) {
@ -12,7 +13,7 @@ export default function ServicesGroup({ services, layout }) {
)}
>
<h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{services.name}</h2>
<List services={services.services} layout={layout} />
<ErrorBoundary><List services={services.services} layout={layout} /></ErrorBoundary>
</div>
);
}

View file

@ -1,5 +1,6 @@
import classNames from "classnames";
import ErrorBoundary from "components/errorboundry";
import Item from "components/services/item";
const columnMap = [
@ -23,7 +24,7 @@ export default function List({ services, layout }) {
)}
>
{services.map((service) => (
<Item key={service.name} service={service} />
<ErrorBoundary key={service.name}><Item key={service.name} service={service} /></ErrorBoundary>
))}
</ul>
);