summary

1 files changed, 7 insertions, 8 deletions

diff --git a/frontend/src/components/login.js b/frontend/src/components/login.js
index 7bff5f0..204007f 100644
--- a/frontend/src/components/login.js
+++ b/frontend/src/components/login.js
@@ -7,8 +7,8 @@ import img2 from "../imgs/10.png"
 import img3 from "../imgs/11.png"
 
 
-export default function Login() {
-
+export default function Login(prop) {
+const {token,setToken} = prop
 function login() {
     window.location.href="https://lp.ardapektezol.com/api/v1/login"
 }
@@ -19,7 +19,6 @@ function logout() {
     fetch(`/api/v1/token`,{'method':'DELETE'})
     .then(r=>window.location.href="/")
 }
-const [token, setToken] = React.useState(null);
 const [isLoggedIn, setIsLoggedIn] = React.useState(false);
 React.useEffect(() => {
     fetch(`/api/v1/token`)
@@ -46,19 +45,19 @@ return (
     <>
     {isLoggedIn ? (
     <Link to="/profile" tabIndex={-1} className='login'>
-        <button>
+        <button className='sidebar-button'>
             <img src={profile.avatar_link} alt="" />
             <span>{profile.user_name}</span>
         </button>
-        <button onClick={logout}><img src={img3} alt="" /><span></span></button>
+        <button className='sidebar-button' onClick={logout}><img src={img3} alt="" /><span></span></button>
     </Link>
     ) : (
-    <Link tabIndex={-1} className='login'>
-        <button onClick={login}>
+    <Link tabIndex={-1} className='login' >
+        <button className='sidebar-button' onClick={login}>
             <img src={img2} alt="" />
             <span><img src={img1} alt="Sign in through Steam" /></span>
         </button>
-        <button disabled><span></span></button>
+        <button className='sidebar-button' disabled><span></span></button>
     </Link>
     )}
      </>