From fc316a49ea524b54d5fbdb0ab123341cbf45c03e Mon Sep 17 00:00:00 2001 From: Sandoche Date: Thu, 3 Nov 2022 14:19:31 +0000 Subject: [PATCH 01/30] Adding alert component --- components/common/Alert.tsx | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 components/common/Alert.tsx diff --git a/components/common/Alert.tsx b/components/common/Alert.tsx new file mode 100644 index 0000000..69742e6 --- /dev/null +++ b/components/common/Alert.tsx @@ -0,0 +1,23 @@ +export default function Alert({ children }: { children: React.ReactNode }): JSX.Element { + return ( + <> + + + + + + + + + + + +
+ + + +
{children}
+
+ + ); +} From 38e062304c058909d9f5853eb5c84a2af47360a8 Mon Sep 17 00:00:00 2001 From: Sandoche Date: Thu, 3 Nov 2022 16:26:55 +0000 Subject: [PATCH 02/30] Adding error boundary --- components/common/Error500.tsx | 23 +++++++++++++++++++++++ package.json | 3 ++- pages/_app.tsx | 11 ++++++++--- yarn.lock | 16 +++++++++++++++- 4 files changed, 48 insertions(+), 5 deletions(-) create mode 100644 components/common/Error500.tsx diff --git a/components/common/Error500.tsx b/components/common/Error500.tsx new file mode 100644 index 0000000..9fffd0d --- /dev/null +++ b/components/common/Error500.tsx @@ -0,0 +1,23 @@ +import Link from 'next/link'; + +import CenteredCard from './CenteredCard'; +import CenteredCardContent from './CenteredCardContent'; + +export default function Error500(): JSX.Element { + return ( + + + + {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} + + Try again