navbar

src/components/DogNavbar.tsx

@@ -0,0 +1,26 @@
+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

src/components/Footer2.tsx

@@ -1,10 +1,10 @@
 import { Link } from 'react-router-dom';
 import './Footer.css';
 
-function Footer() {
+function Footer2() {
   return (
     <div className="noprint"><Link to={'./Impressum'}>Impressum</Link></div>
   );
 }
 
-export default Footer;
+export default Footer2;

src/components/Header2.tsx

@@ -5,7 +5,7 @@ import {logOut} from '../services/PhpApi'
 import { notificationSuccess } from '../services/Notifications';
 
 
-function Header() 
+function Header2() 
 {
     const logOutForm = () =>
     {
@@ -17,10 +17,9 @@ function Header()
         
     return (
     <div className='logout InputForm'>
-        <div className='noprint'>Header</div>
         <button onClick={logOutForm}>Logout</button>
     </div>
   );
 }
 
-export default Header;
+export default Header2;