From 3902da1747a3e32db0b67f1162eafd4860b3d27a Mon Sep 17 00:00:00 2001
From: Joseph Ditton <jditton.atomic@gmail.com>
Date: Sat, 20 Nov 2021 19:34:10 -0700
Subject: working on signup implementation

---
 client/components/sign_in/_sign_in.jsx | 36 +++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

(limited to 'client/components/sign_in/_sign_in.jsx')

diff --git a/client/components/sign_in/_sign_in.jsx b/client/components/sign_in/_sign_in.jsx
index 099ecd6..753b2b5 100644
--- a/client/components/sign_in/_sign_in.jsx
+++ b/client/components/sign_in/_sign_in.jsx
@@ -1,3 +1,37 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router';
+
 export const SignIn = () => {
-  return <div>I am the sign in page</div>;
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const navigate = useNavigate();
+
+  const goToSignUp = () => {
+    navigate('/signup');
+  };
+
+  return (
+    <div>
+      <div>Email</div>
+      <input
+        type="email"
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+      />
+      <div>Password</div>
+      <input
+        type="password"
+        value={password}
+        onChange={(e) => setPassword(e.target.value)}
+      />
+      <div>
+        <button type="button">Sign in</button>
+      </div>
+      <div>
+        <button type="button" onClick={goToSignUp}>
+          Sign up
+        </button>
+      </div>
+    </div>
+  );
 };
-- 
cgit v1.2.3-70-g09d2

