mtg-lets-trade

Website/webapp to facilitate trading between players of Magic: The Gathering
git clone https://kevincorvisier.fr/git/mtg-lets-trade.git
Log | Files | Refs

AuthenticatedNavBar.tsx (680B)

      1 import Navbar from "react-bootstrap/Navbar";
      2 import Nav from "react-bootstrap/Nav";
      3 import { LinkContainer } from "react-router-bootstrap"
      4 import { useLogout } from "../../api/hooks/auth.hooks";
      5 
      6 export default function AuthenticatedNavBar() {
      7 	const logoutMutation = useLogout();
      8 
      9 	const handleLogout = () => {
     10 		logoutMutation.mutate()
     11 	};
     12 
     13 	return (
     14 		<Navbar bg="dark" data-bs-theme="dark">
     15 			<Nav>
     16 				<Nav.Item>
     17 					<LinkContainer to="/binders">
     18 						<Nav.Link>Binders</Nav.Link>
     19 					</LinkContainer>
     20 				</Nav.Item>
     21 			</Nav>
     22 			<Nav className="ms-auto">
     23 				<Nav.Item>
     24 					<Nav.Link onClick={handleLogout}>Logout</Nav.Link>
     25 				</Nav.Item>
     26 			</Nav>
     27 		</Navbar>
     28 	);
     29 }