wowwwwwww

src/App.js

@@ -25,7 +25,6 @@ import md5 from 'md5';
 
 
 const cookies = require('cookie-handler');
-
 const axios = require('axios');
 const parse = require('csv-parse/lib/sync')
 
@@ -864,8 +863,8 @@ function App() {
 	const [DATAID,setDATAID] = useState({GetData:()=>{}})
 	const [update,setUpdate] = useState(false)
 
-	const [LOGGEDINUSER,setLOGGEDINUSER] = useState("")
-	const [LOGGEDINHASH,setLOGGEDINHASH] = useState("")
+	const [LOGGEDINUSER,setLOGGEDINUSER] = useState(cookies.get("username"))
+	const [LOGGEDINHASH,setLOGGEDINHASH] = useState(cookies.get("password"))
 
 	const PANELPATHWBUILD = process.env.PUBLIC_URL+"/test/:BUILDID"
 	const PANELPATH = process.env.PUBLIC_URL+"/test"
@@ -919,7 +918,11 @@ function App() {
 					<AdminPanel setUpdate={setUpdate} setTESTMODE={setTESTMODE} BACKENDURL={BACKENDURL} TESTMODE={TESTMODE} DATA={GetData}/>
 				</Route>
 				<Route path={PANELPATHWBUILD}>
-					<TestHeader/>
+					<TestHeader
+						LOGGEDINUSER={LOGGEDINUSER}
+						LOGGEDINHASH={LOGGEDINHASH}
+						BACKENDURL={GetBackendURL(BACKENDURL)}
+					/>
 					<TestPanel
 					APP_TITLE={APP_TITLE}
 					path={PANELPATHWBUILD}
@@ -952,7 +955,11 @@ function App() {
 					/>
 				</Route>
 				<Route path={PANELPATH}>
-					<TestHeader/>
+					<TestHeader
+						LOGGEDINUSER={LOGGEDINUSER}
+						LOGGEDINHASH={LOGGEDINHASH}
+						BACKENDURL={GetBackendURL(BACKENDURL)}
+					/>
 					<TestPanel
 					APP_TITLE={APP_TITLE}
 					path={PANELPATH}
@@ -988,14 +995,22 @@ function App() {
 					<Helmet>
 						<title>{APP_TITLE+" - Login"}</title>
 					</Helmet>
-					<TestHeader/>
+					<TestHeader
+						LOGGEDINUSER={LOGGEDINUSER}
+						LOGGEDINHASH={LOGGEDINHASH}
+						BACKENDURL={GetBackendURL(BACKENDURL)}
+					/>
 					<LoginForm BACKENDURL={BACKENDURL} TESTMODE={TESTMODE} LOGGEDINUSER={LOGGEDINUSER} LOGGEDINHASH={LOGGEDINHASH} setLOGGEDINHASH={setLOGGEDINHASH} setLOGGEDINUSER={setLOGGEDINUSER}/>
 				</Route>
 				<Route path={process.env.PUBLIC_URL+"/register"}>
 					<Helmet>
 						<title>{APP_TITLE+" - Register"}</title>
 					</Helmet>
-					<TestHeader/>
+					<TestHeader
+						LOGGEDINUSER={LOGGEDINUSER}
+						LOGGEDINHASH={LOGGEDINHASH}
+						BACKENDURL={GetBackendURL(BACKENDURL)}
+					/>
 					<RegisterForm BACKENDURL={BACKENDURL} TESTMODE={TESTMODE} LOGGEDINUSER={LOGGEDINUSER} LOGGEDINHASH={LOGGEDINHASH} setLOGGEDINHASH={setLOGGEDINHASH} setLOGGEDINUSER={setLOGGEDINUSER}/>
 				</Route>
 				<Route path={process.env.PUBLIC_URL+"/formula"}>

src/DEFAULTS.js

@@ -2,7 +2,7 @@ const NICONICONII = process.env.PUBLIC_URL+"/icons/nicodotpng.png.png"
 
 function DisplayIcon(icon) {
     //console.log(icon)
-    return icon&&icon.length>0?process.env.PUBLIC_URL+icon:NICONICONII
+    return icon&&icon.length>0?icon.includes("http")?icon:process.env.PUBLIC_URL+icon:NICONICONII
 }
 
 export {NICONICONII,DisplayIcon};

src/TestHeader.js

@@ -1,6 +1,29 @@
-import React from 'react';
+import React, { useEffect,useState } from 'react';
+import { DisplayIcon } from './DEFAULTS';
+
+
+const axios = require('axios');
+const cookies = require('cookie-handler');
+
+function TestHeader(p) {
+
+    const [avatar,setAvatar] = useState(undefined);
+    const [username,setUsername] = useState(undefined);
+
+    useEffect(()=>{
+        axios.post(p.BACKENDURL+"/validUser",{
+            username:p.LOGGEDINUSER,
+            password:p.LOGGEDINHASH,
+            recoveryhash:cookies.get("userID")
+        })
+        .then((data)=>{
+            if (data.data.verified) {
+                setAvatar(data.data.avatar)
+                setUsername(p.LOGGEDINUSER)
+            }
+        })}
+    ,[])
 
-function TestHeader() {
     return (
         <header>
             <div className="headerWrapper">
@@ -13,8 +36,8 @@ function TestHeader() {
                     <section className="miniNav"><a href=".">&#9776;</a></section>
                 </div>
                 <div className="rightNav">
-                    <section className="loginNav"><a href="."><img alt="." src={process.env.PUBLIC_URL + '/icons/nicodotpng.png.png'} /> Guest &emsp; <span className="dotMenu">&#xb7;&#xb7;&#xb7;</span></a></section>
-                    <section className="miniNav"><a href="."><img alt="." src={process.env.PUBLIC_URL + '/icons/nicodotpng.png.png'} /></a></section>
+                    <section className="loginNav"><a href="."><img alt="." src={DisplayIcon(avatar)} /> {username??"Guest"} &emsp; <span className="dotMenu">&#xb7;&#xb7;&#xb7;</span></a></section>
+                    <section className="miniNav"><a href="."><img alt="." src={DisplayIcon(avatar)} /></a></section>
                 </div>
             </div>
         </header>