init

2026-05-05 20:02:40 +00:00
commit 0f6e979aac
51 changed files with 10161 additions and 0 deletions
@@ -0,0 +1,76 @@
+type Props = {
+  searchParams: Promise<{ error?: string }>;
+};
+
+export default async function LoginPage({ searchParams }: Props) {
+  const { error } = await searchParams;
+  const invalid = error === "1";
+
+  return (
+    <div className="flex min-h-full flex-1 items-center justify-center bg-zinc-100 px-4 dark:bg-zinc-950">
+      <div className="w-full max-w-sm rounded-2xl border border-zinc-200 bg-white p-8 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
+        <h1 className="text-center text-xl font-semibold text-zinc-900 dark:text-zinc-50">
+          Admin sign in
+        </h1>
+        <p className="mt-2 text-center text-sm text-zinc-500 dark:text-zinc-400">
+          Default:{" "}
+          <code className="rounded bg-zinc-100 px-1.5 py-0.5 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200">
+            admin
+          </code>{" "}
+          /{" "}
+          <code className="rounded bg-zinc-100 px-1.5 py-0.5 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200">
+            admin
+          </code>
+        </p>
+        <form
+          action="/api/auth/login"
+          method="post"
+          className="mt-8 space-y-4"
+        >
+          <div>
+            <label
+              htmlFor="username"
+              className="block text-sm font-medium text-zinc-700 dark:text-zinc-300"
+            >
+              Username
+            </label>
+            <input
+              id="username"
+              name="username"
+              autoComplete="username"
+              className="mt-1 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-zinc-900 shadow-sm outline-none ring-zinc-400 focus:ring-2 dark:border-zinc-600 dark:bg-zinc-950 dark:text-zinc-50 dark:ring-zinc-500"
+              required
+            />
+          </div>
+          <div>
+            <label
+              htmlFor="password"
+              className="block text-sm font-medium text-zinc-700 dark:text-zinc-300"
+            >
+              Password
+            </label>
+            <input
+              id="password"
+              name="password"
+              type="password"
+              autoComplete="current-password"
+              className="mt-1 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-zinc-900 shadow-sm outline-none ring-zinc-400 focus:ring-2 dark:border-zinc-600 dark:bg-zinc-950 dark:text-zinc-50 dark:ring-zinc-500"
+              required
+            />
+          </div>
+          {invalid ? (
+            <p className="text-sm text-red-600 dark:text-red-400" role="alert">
+              Invalid username or password.
+            </p>
+          ) : null}
+          <button
+            type="submit"
+            className="w-full rounded-lg bg-zinc-900 py-2.5 text-sm font-medium text-white transition hover:bg-zinc-800 dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-200"
+          >
+            Sign in
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+}