App: add ErrorBoundary around IconGrid

The IconGrid can now fallback to an ErrorBoundary, which renders a
generic Warn component with a "Search error" message.
This commit is contained in:
rektdeckard
2020-09-14 17:45:01 -04:00
parent 78a69c9f3b
commit 7483c85518

View File

@@ -5,6 +5,8 @@ import Header from "../Header/Header";
import Toolbar from "../Toolbar/Toolbar";
import IconGrid from "../IconGrid/IconGrid";
import Footer from "../Footer/Footer";
import ErrorBoundary from "../ErrorBoundary/ErrorBoundary";
import Warn from "../Warn/Warn";
const App: React.FC<any> = () => {
return (
@@ -12,9 +14,11 @@ const App: React.FC<any> = () => {
<Header />
<main>
<Toolbar />
<Suspense fallback={<div>Loading...</div>}>
<IconGrid />
</Suspense>
<ErrorBoundary fallback={<Warn message="Search error"/>}>
<Suspense fallback={<div>Loading...</div>}>
<IconGrid />
</Suspense>
</ErrorBoundary>
</main>
<Footer />
</>