kemkas/kemkas-gh-mirror
1
0
Fork 0
mirror of https://github.com/morbalint/kemkas.git synced 2026-07-18 11:23:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

add redux and user slice

Browse Source
This commit is contained in:
Balint Morasz
2024-03-23 13:48:43 +01:00
parent 2c91f4355a
commit dbec452dbe
8 changed files with 149 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/shared/Header.tsx
+8 -7
View File
@@ -1,28 +1,29 @@
import * as React from "react";
import {useContext} from "react";
import axios from "axios";
import {Container, Nav, Navbar} from "react-bootstrap";
import { UserContext } from "./contexts/UserContext";
import {userSelector} from "./domain-models/userSlice";
import {RootState} from "../store";
import {useSelector} from "react-redux";
async function logout() {
await axios.post("/Identity/Account/Logout")
document.location.reload()
}
function Header(props: {}) {
function Header() {
const fetchedUser = useContext(UserContext);
const fetchedUser = useSelector.withTypes<RootState>()(userSelector);
return <header>
<Navbar expand="sm" className="navbar-light bg-white border-bottom box-shadow mb-3">
<Container className="ps-4 pe-4">
<Navbar.Brand href="/">Kemkas</Navbar.Brand>
{fetchedUser.data != null && <Nav.Link className="text-dark" href="/karaktereim">Karaktereim</Nav.Link>}
{fetchedUser.email != null && <Nav.Link className="text-dark" href="/karaktereim">Karaktereim</Nav.Link>}
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav" className="d-sm-inline-flex flex-sm-row-reverse">
<Nav>
{fetchedUser.state !== "finished" ? "Loading..." :
fetchedUser.data == null
fetchedUser.email == null
? <>
<li className="nav-item">
<a className="nav-link text-dark" href="/Identity/Account/Register">Register</a>
@@ -34,7 +35,7 @@ function Header(props: {}) {
: <>
<li className="nav-item">
<a className="nav-link text-dark"
href="/Identity/Account/Manage">Hello {fetchedUser.data}!</a>
href="/Identity/Account/Manage">Hello {fetchedUser.email}!</a>
</li>
<li className="nav-item">
<button className="nav-link nav text-dark" onClick={logout}>Logout</button>