diff --git a/components/header.tsx b/components/header.tsx
index 1abbc4f..ee69491 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -1,7 +1,7 @@
import React, { useContext } from 'react'
import Link from 'next/link'
-import Image from 'next/image'
import UserContext from './user/context'
+import Logo from './logo'
export default function Header({ label = 'Pfadi Bussle' }: { label?: string }) {
const { username, role } = useContext(UserContext)
@@ -11,12 +11,7 @@ export default function Header({ label = 'Pfadi Bussle' }: { label?: string }) {
{label}
-
+
{username && (
diff --git a/components/logo.tsx b/components/logo.tsx
new file mode 100644
index 0000000..c3a969e
--- /dev/null
+++ b/components/logo.tsx
@@ -0,0 +1,13 @@
+export default function Logo() {
+ return (
+
+ )
+}
diff --git a/public/logo-mini.svg b/public/logo-mini.svg
new file mode 100644
index 0000000..52c4f8e
--- /dev/null
+++ b/public/logo-mini.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..c2370c6
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file