From 818023e5c17d3886876ff43112c31d61b955b57c Mon Sep 17 00:00:00 2001
From: Aidan <aidan@p0ntus.com>
Date: Sat, 25 Jan 2025 22:13:18 -0500
Subject: [PATCH] opt to use magic codes instead (update form to remove
 password, change button label, add icon to button)

---
 app/account/login/page.tsx | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/app/account/login/page.tsx b/app/account/login/page.tsx
index 53baee9..b6e9e65 100644
--- a/app/account/login/page.tsx
+++ b/app/account/login/page.tsx
@@ -3,11 +3,10 @@
 import Link from "next/link"
 import { useState } from "react"
 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() {
   const [email, setEmail] = useState("")
-  const [password, setPassword] = useState("")
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
@@ -32,19 +31,10 @@ export default function Login() {
                 <Mail height="16" width="16" />
               </TextField.Slot>
             </TextField.Root>
-            <TextField.Root
-              placeholder="Password"
-              type="password"
-              value={password}
-              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>
+            <Button color="gray" variant="outline" type="submit" highContrast>
+              <Mail height="16" width="16" />
+              Send Magic Code
+            </Button>
             <Link
               href="https://user.pontusmail.org/admin/user/signup"
               className="text-sm underline text-center"