add error page for 400/401 errors

Author: qvalentin

src/components/pages/errors/Error400.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import { Link, useLocation } from "react-router-dom";
+import { Container } from "react-bootstrap";
+
+interface Props {
+    needsLogin?: boolean;
+}
+
+export default function Error400({ needsLogin }: Props) {
+    const location = useLocation();
+    const urlSearchParams = new URLSearchParams(location.search);
+    const dest = urlSearchParams.get("dest");
+    const message = urlSearchParams.get("message");
+
+    const tryAgainUrl = needsLogin
+        ? "/login?dest=" + dest
+        : decodeURIComponent(dest ?? "");
+    console.log(location);
+
+    return (
+        <Container className={"text-center"}>
+            <h2>Something went wrong!</h2>
+            <h3>The file could not be loaded</h3>
+            {message && <h4>{message}</h4>}
+            {tryAgainUrl && (
+                <p>
+                    <Link to={tryAgainUrl}>Try again</Link>
+                </p>
+            )}
+            <Link to="/">Go to Home</Link>
+        </Container>
+    );
+}