From f32f87628fedb2e33d6cf4f21522873bd2de2f61 Mon Sep 17 00:00:00 2001
From: Dhenain Ambroise <ambroise.dhenain@gmail.com>
Date: Fri, 25 Jun 2021 09:05:59 +0200
Subject: [PATCH] Improve documentation about error handling

---
 .../[locale]/demo/built-in-utilities/errors-handling.tsx   | 7 ++++---
 .../[locale]/demo/built-in-utilities/interactive-error.tsx | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/[locale]/demo/built-in-utilities/errors-handling.tsx b/src/pages/[locale]/demo/built-in-utilities/errors-handling.tsx
index f3b4296e..cbc85171 100644
--- a/src/pages/[locale]/demo/built-in-utilities/errors-handling.tsx
+++ b/src/pages/[locale]/demo/built-in-utilities/errors-handling.tsx
@@ -77,7 +77,7 @@ const ErrorsHandlingPage: NextPage<Props> = (props): JSX.Element => {
         <h2>404 - Using CSR</h2>
 
         <Alert color={'info'}>
-          This page doesn't exist and should display a 404 page.
+          This page doesn't exist and should display a 404 page. The error will be reported to Sentry.
         </Alert>
 
         <p>
@@ -98,7 +98,7 @@ const ErrorsHandlingPage: NextPage<Props> = (props): JSX.Element => {
         <h2>404 - Using full page reload</h2>
 
         <Alert color={'info'}>
-          This page doesn't exist and should display a 404 page.
+          This page doesn't exist and should display a 404 page. The error will be reported to Sentry.
         </Alert>
 
         <p>
@@ -123,6 +123,7 @@ const ErrorsHandlingPage: NextPage<Props> = (props): JSX.Element => {
 
         <Alert color={'info'}>
           This page throws an error right from the Page component and should display a 500 page error without anything else (no footer/header).
+          The error will be reported to Sentry.
         </Alert>
 
         <Code
@@ -162,7 +163,7 @@ const ErrorsHandlingPage: NextPage<Props> = (props): JSX.Element => {
 
         <hr />
 
-        <h2>Interactive error (simulating User interaction)</h2>
+        <h2>Interactive errors (simulating User interaction)</h2>
 
         <Btn mode={'primary-outline'}>
           <I18nLink href={'/demo/built-in-utilities/interactive-error'}>Go to interactive error page</I18nLink><br />
diff --git a/src/pages/[locale]/demo/built-in-utilities/interactive-error.tsx b/src/pages/[locale]/demo/built-in-utilities/interactive-error.tsx
index a2eb677d..53dfd434 100644
--- a/src/pages/[locale]/demo/built-in-utilities/interactive-error.tsx
+++ b/src/pages/[locale]/demo/built-in-utilities/interactive-error.tsx
@@ -76,7 +76,7 @@ const InteractiveErrorPage: NextPage<Props> = (props): JSX.Element => {
         <Button
           onClick={(): void => {
             setIsClicked(true);
-            throw new Error('Page 500 error example');
+            throw new Error('Page 500 error example (handled)');
           }}
         >
           Will it crash the whole app?
@@ -99,7 +99,7 @@ const InteractiveErrorPage: NextPage<Props> = (props): JSX.Element => {
           <Button
             onClick={(): void => {
               setIsClicked(true);
-              throw new Error('Page 500 error example');
+              throw new Error('Page 500 error example (handled)');
             }}
           >
             Will it crash the whole app?