Authentication with Credentials is working and setup, same for OAuth with Google.

2026-07-14 11:16:13 +02:00 · 2024-11-09 21:38:18 +01:00
parent 6541cfcc26
commit 6d90bb23c1
24 changed files with 784 additions and 341 deletions
@@ -0,0 +1,38 @@
+"use client"
+
+import { useSearchParams } from "next/navigation"
+
+enum Error {
+    Configuration = "Configuration",
+}
+
+const errorMap = {
+    [Error.Configuration]: (
+        <p>
+            There was a problem when trying to authenticate. Please contact us if this
+            error persists. Unique error code:{" "}
+            <code className="rounded-sm bg-slate-100 p-1 text-xs">Configuration</code>
+        </p>
+    ),
+}
+
+export default function AuthErrorPage() {
+    const search = useSearchParams()
+    const error = search.get("error") as Error
+
+    return (
+        <div className="flex h-screen w-full flex-col items-center justify-center">
+            <a
+                href="#"
+                className="block max-w-sm rounded-lg border border-gray-200 bg-white p-6 text-center shadow hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700"
+            >
+                <h5 className="mb-2 flex flex-row items-center justify-center gap-2 text-xl font-bold tracking-tight text-gray-900 dark:text-white">
+                    Something went wrong
+                </h5>
+                <div className="font-normal text-gray-700 dark:text-gray-400">
+                    {errorMap[error] || "Please contact us if this error persists."}
+                </div>
+            </a>
+        </div>
+    )
+}