diff --git a/apps/scandic-web/app/global-error.module.css b/apps/scandic-web/app/global-error.module.css deleted file mode 100644 index 7f039aed6..000000000 --- a/apps/scandic-web/app/global-error.module.css +++ /dev/null @@ -1,3 +0,0 @@ -.layout { - font-family: var(--typography-Body-Regular-fontFamily); -} diff --git a/apps/scandic-web/app/global-error.tsx b/apps/scandic-web/app/global-error.tsx index 8d7844cff..9565c31e5 100644 --- a/apps/scandic-web/app/global-error.tsx +++ b/apps/scandic-web/app/global-error.tsx @@ -3,8 +3,9 @@ import * as Sentry from "@sentry/nextjs" import { useEffect } from "react" -import styles from "./global-error.module.css" +import Image from "@/components/Image" +/* eslint-disable formatjs/no-literal-string-in-jsx */ export default function GlobalError({ error, }: { @@ -18,11 +19,117 @@ export default function GlobalError({ return ( + + + -
- {/* This renders instead of the root layout so there is no , hence we can't translate this. */} - {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */} -

Something went really wrong!

+
+ Scandic Hotels logotype +
+ +
+

SORRY, SOMETHING WENT WRONG!

+ +

+ + { + "While we're working hard to fix it, you can always give us a call:" + } + +

+ + + +

+ + You can also switch languages to try if it works better this way: + +

+ + +

+ Thanks for your patience! +