opt to use magic codes instead (update form to remove password, change button label, add icon to button)
All checks were successful
Build and Push Docker Image / build_and_push (push) Successful in 41s

This commit is contained in:
Aidan 2025-01-25 22:13:18 -05:00
parent d7f309af3a
commit 818023e5c1

View File

@ -3,11 +3,10 @@
import Link from "next/link" import Link from "next/link"
import { useState } from "react" import { useState } from "react"
import { TextField, Button, Flex, Text, Card } from "@radix-ui/themes" import { TextField, Button, Flex, Text, Card } from "@radix-ui/themes"
import { Mail, Lock } from "lucide-react" import { Mail } from "lucide-react"
export default function Login() { export default function Login() {
const [email, setEmail] = useState("") const [email, setEmail] = useState("")
const [password, setPassword] = useState("")
const handleSubmit = (e: React.FormEvent) => { const handleSubmit = (e: React.FormEvent) => {
e.preventDefault() e.preventDefault()
@ -32,19 +31,10 @@ export default function Login() {
<Mail height="16" width="16" /> <Mail height="16" width="16" />
</TextField.Slot> </TextField.Slot>
</TextField.Root> </TextField.Root>
<TextField.Root <Button color="gray" variant="outline" type="submit" highContrast>
placeholder="Password" <Mail height="16" width="16" />
type="password" Send Magic Code
value={password} </Button>
onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}
className="mb-3"
required
>
<TextField.Slot>
<Lock height="16" width="16" />
</TextField.Slot>
</TextField.Root>
<Button color="gray" variant="outline" type="submit" highContrast>Log in</Button>
<Link <Link
href="https://user.pontusmail.org/admin/user/signup" href="https://user.pontusmail.org/admin/user/signup"
className="text-sm underline text-center" className="text-sm underline text-center"