reiyua/RaysMovieClub
1
0
Fork 0
mirror of https://github.com/reiyua/RaysMovieClub.git synced 2026-01-20 15:37:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change "Account" to user email when signed out.

Browse source
This commit is contained in:
Ray 2023-10-10 09:32:54 +00:00 committed by GitHub
parent f95abb2035
commit 7129071a55
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App.js
View file

@ -98,7 +98,7 @@ const signIn = (email, password) => {
} }
return ( return (
<div className="App"> <div className="App">
<Header items={nav} /> <Header items={nav} user={auth} />
<AuthContext.Provider value={auth}> <AuthContext.Provider value={auth}>
<Routes> <Routes>
<Route path="/" element={<Home greeting="Hey you're at home!" />} /> <Route path="/" element={<Home greeting="Hey you're at home!" />} />

18
src/components/Header.js
View file

@ -11,14 +11,28 @@ return (
<Nav.Link href={item.link} key={itemkey}> {item.label} </Nav.Link> <Nav.Link href={item.link} key={itemkey}> {item.label} </Nav.Link>
) )
}) })
// component for Account
const Account = (props) => {
if (props.user) {
return (
<NavDropdown title="Account">
<NavDropdown.Item href="/signout">Log out</NavDropdown.Item>
</NavDropdown>
)
}
else {
return null
}
}
return ( return (
<Navbar> <Navbar>
<Container> <Container>
<Navbar.Brand>App</Navbar.Brand> <Navbar.Brand>App</Navbar.Brand>
<Nav> <Nav>
{Links} {Links}
<NavDropdown title="Account"> <NavDropdown title={props.user.email}>
<NavDropdown.Item>Log out</NavDropdown.Item> <NavDropdown.Item href="/signout">Log out</NavDropdown.Item>
</NavDropdown> </NavDropdown>
</Nav> </Nav>
</Container> </Container>