From 34ea77f7c37cb0ba42363fd23c3776cbfc5d08d0 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@theribbles.org>
Date: Tue, 27 Aug 2024 10:53:19 -0700
Subject: [PATCH] Make enter key work on auth form.

It was bugging me.
---
 src/AuthModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/AuthModal.tsx b/src/AuthModal.tsx
index 83d42da..dd5b1fa 100644
--- a/src/AuthModal.tsx
+++ b/src/AuthModal.tsx
@@ -23,7 +23,7 @@ const AuthModal: React.FC<AuthProps> = ({ doLogin }) => {
 				</Modal.Header>
 
 				<Modal.Body>
-					<Form>
+					<Form onSubmit={(e) => {e.preventDefault(); doLogin(email, password)}}>
 						<Form.Group className="mb-3" controlId="formBasicEmail">
 							<Form.Label>Email address</Form.Label>
 							<Form.Control type="email" placeholder="Enter email" onChange={e => setEmail(e.target.value)}/>
@@ -36,11 +36,11 @@ const AuthModal: React.FC<AuthProps> = ({ doLogin }) => {
 							<Form.Label>Password</Form.Label>
 							<Form.Control type="password" placeholder="Password" onChange={e => setPassword(e.target.value)}/>
 						</Form.Group>
+						<Button variant="primary" type="submit">Login</Button>
 					</Form>
 				</Modal.Body>
 
 				<Modal.Footer>
-					<Button variant="primary" onClick={() => {doLogin(email, password)}}>Login</Button>
 				</Modal.Footer>
 			</Modal.Dialog>
 		</div>