19 lines
525 B
JavaScript
19 lines
525 B
JavaScript
import {AppShell, NavLink} from '@mantine/core';
|
|
import { useNavigate } from 'react-router-dom';
|
|
|
|
const NavBar = () => {
|
|
const navigate = useNavigate();
|
|
|
|
return(
|
|
<AppShell.Navbar p="md" style={{gap: "10px"}}>
|
|
<NavLink label = "Home"
|
|
onClick={() => navigate('/home')} style={{margin: "5px"}} />
|
|
<NavLink label="Lists"
|
|
onClick={() => navigate('/lists')}
|
|
style={{margin: "5px"}} />
|
|
|
|
</AppShell.Navbar>
|
|
);
|
|
};
|
|
|
|
export default NavBar; |