arriej/homepage-Mirror
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2025-12-06 21:57:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add ErrorBoundary component

Browse Source 
- 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
5 changed files with 52 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/index.jsx
View File

@@ -8,6 +8,7 @@ import { useEffect, useContext, useState } from "react";
import { BiError } from "react-icons/bi";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import ErrorBoundary from "components/errorboundry";
import ServicesGroup from "components/services/group";
import BookmarksGroup from "components/bookmarks/group";
import Widget from "components/widgets/widget";
@@ -191,14 +192,14 @@ function Home({ initialSettings }) {
{widgets
.filter((widget) => !rightAlignedWidgets.includes(widget.type))
.map((widget, i) => (
<Widget key={i} widget={widget} />
<ErrorBoundary key={i}><Widget key={i} widget={widget} /></ErrorBoundary>
))}
<div className="ml-4 flex flex-wrap basis-full grow sm:basis-auto justify-between md:justify-end mt-2 md:mt-0">
{widgets
.filter((widget) => rightAlignedWidgets.includes(widget.type))
.map((widget, i) => (
<Widget key={i} widget={widget} />
<ErrorBoundary key={i}><Widget key={i} widget={widget} /></ErrorBoundary>
))}
</div>
</>
@@ -208,7 +209,7 @@ function Home({ initialSettings }) {
{services && (
<div className="flex flex-wrap p-8 items-start">
{services.map((group) => (
<ServicesGroup key={group.name} services={group} layout={initialSettings.layout?.[group.name]} />
<ErrorBoundary key={group.name}><ServicesGroup key={group.name} services={group} layout={initialSettings.layout?.[group.name]} /></ErrorBoundary>
))}
</div>
)}
@@ -216,7 +217,7 @@ function Home({ initialSettings }) {
{bookmarks && (
<div className="grow flex flex-wrap pt-0 p-8">
{bookmarks.map((group) => (
<BookmarksGroup key={group.name} group={group} />
<ErrorBoundary key={group.name}><BookmarksGroup key={group.name} group={group} /></ErrorBoundary>
))}
</div>
)}