27 lines
890 B
TypeScript
27 lines
890 B
TypeScript
import { Navbar, Text } from '@mantine/core'
|
|
import React from 'react'
|
|
import Footer2 from './Footer2'
|
|
|
|
function DogNavbar({hasUser}:{hasUser: boolean})
|
|
{
|
|
return (
|
|
<Navbar
|
|
width={{ base: 100 }}
|
|
height={500}
|
|
hiddenBreakpoint={500}
|
|
hidden={true}
|
|
p="xs">
|
|
|
|
<Navbar.Section><Text>Titel</Text></Navbar.Section>
|
|
<Navbar.Section grow mt="md">{/* Links sections */}</Navbar.Section>
|
|
<Navbar.Section><Text>Login</Text></Navbar.Section>
|
|
<Navbar.Section><Text>Register</Text></Navbar.Section>
|
|
{hasUser && <Navbar.Section><Text>Profil</Text></Navbar.Section>}
|
|
{hasUser && <Navbar.Section><Text>QrCode</Text></Navbar.Section>}
|
|
{hasUser && <Navbar.Section><Text>Logout</Text></Navbar.Section>}
|
|
<Navbar.Section>Footer</Navbar.Section>
|
|
</Navbar> )
|
|
}
|
|
|
|
export default DogNavbar
|