adding api route handlers as proxies

components/poker/Login/Login.tsx

@@ -9,11 +9,23 @@ const Login = () => {
   const [email, setEmail] = useState<string>('');
   const [password, setPassword] = useState<string>('');
 
+  const tryLogin = async (email: string, password: string) => {
+    const res = await fetch('/api/login', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({email, password})
+    })
+    const data = await res.json()
+    console.log(data)
+  }
+
   return (
     <form className={styles.form}>
       <input onChange={(e) => setEmail(e.target.value)} placeholder='Email' className={styles.input} type="email"/>
       <input onChange={(e) => setPassword(e.target.value)} placeholder='Password' className={styles.input} type="password"/>
-      <button onClick={() => {login(email, password)}} type='button' className={styles.button}>Log in</button>
+      <button onClick={async () => {await tryLogin(email, password)}} type='button' className={styles.button}>Log in</button>
     </form>
   )
 }

lib/poker/poker-logic/functions/requests.ts

@@ -21,14 +21,13 @@ export const login = async (email: string, password: string) => {
       headers: {
         'Content-Type': 'application/json'
       },
-      credentials: 'include',
       body: JSON.stringify({email, password})
     })
     const data = await response.json()
-    if (data === 'Logged in') {
-      window.location.href = '/game/poker'
+    if (data.accessToken) {
+      return data
     }
   } catch (error) {
-    console.log(error)
+    return 'error'
   }
 }