First Commit

2026-03-21 11:55:27 +01:00
commit 2e8a29b4d0
1757 changed files with 166084 additions and 0 deletions
@@ -0,0 +1,139 @@
+import React, { useEffect, useState } from "react";
+
+import { Box, Button, Paper, Tab, Tabs, TextField, Typography } from "@mui/material";
+
+import { useLocation, useNavigate } from "react-router-dom";
+
+import { api } from "../api";
+import { setAuthToken } from "../auth";
+import GoogleAuthCard from "../components/GoogleAuthCard";
+import { useToast } from "../toast";
+
+type AuthConfig = {
+  requireAuth: boolean;
+  googleEnabled: boolean;
+  localEnabled: boolean;
+  allowRegistration: boolean;
+};
+
+export default function LoginPage() {
+  const { toast } = useToast();
+  const navigate = useNavigate();
+  const location = useLocation() as any;
+
+  const [tab, setTab] = useState(0);
+  const [cfg, setCfg] = useState<AuthConfig | null>(null);
+
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const nextPath = (location?.state?.from as string | undefined) ?? "/jobs";
+
+  useEffect(() => {
+    api
+      .get<AuthConfig>("/auth/config")
+      .then((r) => setCfg(r.data))
+      .catch(() => setCfg(null));
+  }, []);
+
+  async function submit(mode: "login" | "register") {
+    setLoading(true);
+    try {
+      const url = mode === "register" ? "/auth/register" : "/auth/login";
+      const res = await api.post<{ accessToken: string; tokenType: string }>(url, {
+        email,
+        password,
+      });
+      setAuthToken(res.data.accessToken);
+      toast("Signed in.", "success");
+      navigate(nextPath, { replace: true });
+    } catch (e: any) {
+      const msg = e?.response?.data || e?.message || "Login failed.";
+      toast(String(msg), "error");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  const allowReg = cfg?.allowRegistration ?? false;
+
+  return (
+    <Box
+      sx={{
+        minHeight: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        p: 2,
+        background:
+          "radial-gradient(1200px 700px at 20% 0%, rgba(79,140,255,0.14), transparent 55%), radial-gradient(900px 600px at 80% 20%, rgba(245,158,11,0.10), transparent 55%)",
+      }}
+    >
+      <Paper sx={{ width: "min(520px, 100%)", p: 3 }}>
+        <Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>
+          Sign in
+        </Typography>
+        <Typography sx={{ color: "text.secondary", mb: 2 }}>
+          {cfg?.requireAuth ? "Authentication is required to use this app." : "Authentication is optional in this environment."}
+        </Typography>
+
+        <Tabs value={tab} onChange={(_, v) => setTab(v)} sx={{ mb: 2 }}>
+          <Tab label="Email & password" />
+          <Tab label="Google" />
+        </Tabs>
+
+        {tab === 0 && (
+          <Box
+            component="form"
+            onSubmit={(e) => {
+              e.preventDefault();
+              void submit("login");
+            }}
+            sx={{ display: "flex", flexDirection: "column", gap: 1.5 }}
+          >
+            <TextField
+              label="Email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              autoComplete="email"
+              fullWidth
+            />
+            <TextField
+              label="Password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              autoComplete={allowReg ? "new-password" : "current-password"}
+              type="password"
+              fullWidth
+            />
+
+            <Box sx={{ display: "flex", gap: 1, justifyContent: "flex-end", mt: 1 }}>
+              {allowReg && (
+                <Button
+                  type="button"
+                  variant="outlined"
+                  disabled={loading}
+                  onClick={() => void submit("register")}
+                >
+                  Create account
+                </Button>
+              )}
+              <Button type="submit" variant="contained" disabled={loading}>
+                Sign in
+              </Button>
+            </Box>
+          </Box>
+        )}
+
+        {tab === 1 && (
+          <GoogleAuthCard
+            onSignedIn={() => {
+              navigate(nextPath, { replace: true });
+            }}
+          />
+        )}
+      </Paper>
+    </Box>
+  );
+}