From eeab67611f16cfce112ac2779bb324d089a7c2fa Mon Sep 17 00:00:00 2001
From: Nidboj132 <28981031+Nidboj132@users.noreply.github.com>
Date: Sun, 5 Nov 2023 20:27:51 +0100
Subject: feat: profile (#54)

Former-commit-id: be6cd428190c05b2fa99e36c32765cc0fd4044e8
---
 frontend/src/components/sidebar.js | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

(limited to 'frontend/src/components/sidebar.js')

diff --git a/frontend/src/components/sidebar.js b/frontend/src/components/sidebar.js
index d9b8012..e587c3c 100644
--- a/frontend/src/components/sidebar.js
+++ b/frontend/src/components/sidebar.js
@@ -17,6 +17,17 @@ import Login from "./login.js"
 
 export default function Sidebar(prop) {
 const {token,setToken} = prop
+const [profile, setProfile] = React.useState(null);
+React.useEffect(() => {
+    fetch(`https://lp.ardapektezol.com/api/v1/profile`,{
+        headers: {
+			'Content-Type': 'application/json',
+            Authorization: token
+        }})
+    .then(r => r.json())
+    .then(d => setProfile(d.data))
+    }, [token]);
+
 
 // Locks search button for 300ms before it can be clicked again, prevents spam
 const [isLocked, setIsLocked] = React.useState(false);
@@ -147,7 +158,7 @@ return (
             <div id='sidebar-bottomlist'>
                 <span></span>
 
-                <Login token={token} setToken={setToken}/>
+                <Login setToken={setToken} profile={profile} setProfile={setProfile}/>
 
                 <Link to="/rules" tabIndex={-1}>
                     <button className='sidebar-button'><img src={img8} alt="" /><span>Leaderboard&nbsp;Rules</span></button>
@@ -172,11 +183,13 @@ return (
             )):""}
             {searchData!==null?searchData.players.map((q,index)=>
                 (
-                <Link className='search-player' key={index}>
+                <Link to={
+                    q.steam_id===profile.steam_id?`/profile`:
+                    `/users/${q.steam_id}`
+                    } className='search-player' key={index}>
                     <img src={q.avatar_link} alt='pfp'></img>
                     <span style={{fontSize:`${36 - q.user_name.length * 0.8}px`}}>{q.user_name}</span>
                 </Link>
-                
             )):""}
 
             </div>            
-- 
cgit v1.2.3