1 files changed, 23 insertions, 10 deletions

diff --git a/frontend/src/components/login.js b/frontend/src/components/login.js
index 4ef1e2a..8dea383 100644
--- a/frontend/src/components/login.js
+++ b/frontend/src/components/login.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from "react-router-dom";
-import Cookies from "js-cookie";
+import Cookies from 'js-cookie';
 
 import "./login.css";
 import img1 from "../imgs/login.png"
@@ -10,23 +10,36 @@ import img3 from "../imgs/11.png"
 
 export default function Login() {
 
-const isLoggedIn = Cookies.get('token') !== undefined;
-
+function login() {
+    window.location.href="https://lp.ardapektezol.com/api/v1/login"
+}
 function logout() {
     Cookies.remove('token')
+    setToken(null)
     window.location.href="/"
 }
+const [token, setToken] = React.useState(null);
+const isLoggedIn = token !== null;
+React.useEffect(() => {
+    fetch(`/api/v1/token`)
+    .then(r => r.json())
+    .then(d => {
+      setToken(d.data.token);
+      console.log(d);
+    })
+    }, []);
 
-const [data, setData] = React.useState();
+const [profile, setProfile] = React.useState();
 React.useEffect(() => {
     fetch(`/api/v1/profile`,{
         headers: {
                         'Content-Type': 'application/json',
-            Authorization: Cookies.get('token')
+            Authorization: token
         }})
-    .then(r => {console.log(r)})
-    .then(d => {setData(d);console.log(d)})
-    }, []);
+    .then(r => r.json())
+    .then(d => {setProfile(d);console.log(d)})
+    }, [token]);
+
 
 return (
     <>
@@ -39,8 +52,8 @@ return (
         <button onClick={logout}><img src={img3} alt="" /><span></span></button>
     </Link>
     ) : (
-    <Link to="/api/v1/login" className='login'>
-        <button>
+    <Link className='login'>
+        <button onClick={login}>
             <img src={img2} alt="" />
             <span><img src={img1} alt="Sign in through Steam" /></span>
         </button>