From 2b52ddf039b478be891d3b3fe2cb9b6386bf7bcb Mon Sep 17 00:00:00 2001 From: philer Date: Mon, 29 Nov 2021 21:16:32 +0100 Subject: [PATCH] Clarify global error messages --- index.html | 18 ++++++++++++++---- src/App.module.css | 3 +-- src/App.tsx | 14 ++++++++++++-- 3 files changed, 27 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 2dfb5a6..1fb10a0 100644 --- a/index.html +++ b/index.html @@ -3,11 +3,21 @@ Karol + -

- This application requires JavaScript and a modern Browser. -

- +
+

Looks like the page isn't loading properly. 🤔

+

+ This application requires JavaScript and a modern browser (try Firefox or Chromium). +
+ If you are using an up-to-date browser and the error doesn't go away, you can try an + older Karol Release. +

+

+ If you think something is broken, please let me know on + Github. +

+
diff --git a/src/App.module.css b/src/App.module.css index d7a386c..c57f757 100644 --- a/src/App.module.css +++ b/src/App.module.css @@ -16,6 +16,5 @@ color: #49c; } .error, :global(#bad-browser-warning) { - color: #d54; - white-space: pre; + color: #c43; } diff --git a/src/App.tsx b/src/App.tsx index 1f69077..18a3937 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -42,9 +42,19 @@ function App() { if (hasError) { return (
-

Something went wrong. 🤔

+

Looks like something went wrong. 🤔

- You can check the browser console (F12) and let me know on{" "} + To continue, try reloading the page. +
+ If the error doesn't go away, you can try an + {" "} + older Karol Release. +

+

+ To find out more, you can check the browser console (press F12). +
+ If you think something is broken, please let me know on + {" "} Github.