Skip to content

Commit d8522ef

Browse files
codershiyarcodershiyar
committedJun 1, 2023
logout option added
1 parent 2345663 commit d8522ef

14 files changed

+27
-18
lines changed
 

‎react-app-sourcecode/public/logout.png

2.34 KB
Loading

‎react-app-sourcecode/src/App.css

+7
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,11 @@ nav{
99
}
1010
#LoginBox{
1111
max-width: 720px;
12+
}
13+
14+
#Logout{
15+
height: 43px;
16+
position: absolute;
17+
left: 94%;
18+
top: 20%;
1219
}

‎react-app-sourcecode/src/App.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import Login from './Login';
77
const WelcomeScreen = () => {
88
return (
99
<div>
10-
<Header title="Welcome Manager" />
10+
<Header title="Welcome Manager" login={true} />
1111
<Main />
1212
</div>
1313
);
@@ -17,7 +17,7 @@ const App = () => {
1717
const [loginStatus, setLoginStatus] = useState(false);
1818
return (
1919
<>
20-
{loginStatus ? <WelcomeScreen />: <> <Header title="Login" /> <Login setLoginStatus={setLoginStatus} /> </>}
20+
{loginStatus ? <WelcomeScreen />: <> <Header title="Login" login={false}/> <Login setLoginStatus={setLoginStatus} /> </>}
2121
</>
2222
);
2323
};

‎react-app-sourcecode/src/Header.js

+4-2
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,10 @@ export default function Header(props){
22
return (
33
<header>
44
<nav className="navbar ">
5-
<span className="navbar-brand mb-0 h1">{props.title}</span>
6-
<img src="logo.png" alt="Bootstrap" height="60"/>
5+
<div> <span className="navbar-brand mb-0 h1">{props.title}</span>
6+
{props.login? <img id="Logout" title="Logout" src="logout.png" onClick={()=>{window.location.reload()}} />:<></>}
7+
</div>
8+
<img src="logo.png" alt="Logo" height="60"/>
79
</nav>
810
</header>)
911
}

‎react-app/asset-manifest.json

+6-6
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{
22
"files": {
3-
"main.css": "./static/css/main.1dd674c1.css",
4-
"main.js": "./static/js/main.bf0a6ad0.js",
3+
"main.css": "./static/css/main.3f6c152e.css",
4+
"main.js": "./static/js/main.2986aedf.js",
55
"index.html": "./index.html",
6-
"main.1dd674c1.css.map": "./static/css/main.1dd674c1.css.map",
7-
"main.bf0a6ad0.js.map": "./static/js/main.bf0a6ad0.js.map"
6+
"main.3f6c152e.css.map": "./static/css/main.3f6c152e.css.map",
7+
"main.2986aedf.js.map": "./static/js/main.2986aedf.js.map"
88
},
99
"entrypoints": [
10-
"static/css/main.1dd674c1.css",
11-
"static/js/main.bf0a6ad0.js"
10+
"static/css/main.3f6c152e.css",
11+
"static/js/main.2986aedf.js"
1212
]
1313
}

‎react-app/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Embeded Power BI</title><meta name="author" content="Shiyar Jamo"><meta name="description" content="A project from The Hague University of Technology is a web application used for data analysis"/><link rel="icon" href="./favicon.ico"/><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"><title>React App</title><script defer="defer" src="./static/js/main.bf0a6ad0.js"></script><link href="./static/css/main.1dd674c1.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Embeded Power BI</title><meta name="author" content="Shiyar Jamo"><meta name="description" content="A project from The Hague University of Technology is a web application used for data analysis"/><link rel="icon" href="./favicon.ico"/><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"><title>React App</title><script defer="defer" src="./static/js/main.2986aedf.js"></script><link href="./static/css/main.3f6c152e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎react-app/logout.png

2.34 KB
Loading

‎react-app/static/css/main.1dd674c1.css

-2
This file was deleted.

‎react-app/static/css/main.1dd674c1.css.map

-1
This file was deleted.

‎react-app/static/css/main.3f6c152e.css

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎react-app/static/css/main.3f6c152e.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎react-app/static/js/main.bf0a6ad0.js ‎react-app/static/js/main.2986aedf.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎react-app/static/js/main.bf0a6ad0.js.map ‎react-app/static/js/main.2986aedf.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)