andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

App: add ErrorBoundary around IconGrid

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

4
src/components/App/App.tsx
View File

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