Create Sign Up and Login links in Navbar
This commit is contained in:
parent
f9f76513d7
commit
f374b056ad
|
@ -10,6 +10,11 @@ import { Contact } from "./pages/Contact"
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
const FBapp = initializeApp(FirebaseConfig)
|
const FBapp = initializeApp(FirebaseConfig)
|
||||||
|
// navigation array
|
||||||
|
const navItems = [
|
||||||
|
{ label: "Home", link: "/" },
|
||||||
|
]
|
||||||
|
|
||||||
const saySomething = ( word ) => {
|
const saySomething = ( word ) => {
|
||||||
alert( word )
|
alert( word )
|
||||||
}
|
}
|
||||||
|
@ -19,7 +24,7 @@ function App() {
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={ <Home greeting="Hey you're at home!" /> } />
|
<Route path="/" element={ <Home greeting="Hey you're at home!" /> } />
|
||||||
<Route path="/about" element={ <About greeting="Hey you, this is about page!" handler={saySomething} /> } />
|
<Route path="/about" element={ <About greeting="Hey you, this is about page!" handler={saySomething} /> } />
|
||||||
<Route path="/contact" element={ <Contact /> } />
|
<Route path="/contact" element={ <Contact greeting="Hey you, this is contact page!" /> } />
|
||||||
</Routes>
|
</Routes>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -10,6 +10,8 @@ export function Header ( props ) {
|
||||||
<Nav.Link href="/">Home</Nav.Link>
|
<Nav.Link href="/">Home</Nav.Link>
|
||||||
<Nav.Link href="/about">About</Nav.Link>
|
<Nav.Link href="/about">About</Nav.Link>
|
||||||
<Nav.Link href="/contact">Contact</Nav.Link>
|
<Nav.Link href="/contact">Contact</Nav.Link>
|
||||||
|
<Nav.Link href="/signup">Create Account</Nav.Link>
|
||||||
|
<Nav.Link href="/signin">Sign in</Nav.Link>
|
||||||
</Nav>
|
</Nav>
|
||||||
</Container>
|
</Container>
|
||||||
</Navbar>)
|
</Navbar>)
|
||||||
|
|
Loading…
Reference in New Issue