diff --git a/app/pages/CurrentUser.tsx b/app/pages/CurrentUser.tsx
new file mode 100644
index 0000000..77a22c0
--- /dev/null
+++ b/app/pages/CurrentUser.tsx
@@ -0,0 +1,79 @@
+import React from "react"
+import { useCurrentUser } from "app/hooks/useCurrentUser"
+export const CurrentUser = () => {
+  const currentUser = useCurrentUser()
+  currentUser ? (
+    <div
+      style={{
+        display: "flex",
+        backgroundColor: "rgba(93, 185, 239, 1)",
+        color: "white",
+      }}
+    >
+      <div
+        style={{
+          color: "white",
+          backgroundColor: "rgba(116, 194, 240)",
+          padding: "10px",
+          textAlign: "left",
+          fontSize: "0,9em",
+          marginRight: "20px",
+          textTransform: "uppercase",
+        }}
+      >
+        <a href="Home">Home</a>
+      </div>
+      <div
+        style={{
+          color: "white",
+          backgroundColor: "rgba(116, 194, 240)",
+          padding: "10px",
+          textAlign: "left",
+          fontSize: "0,9em",
+          marginRight: "20px",
+          textTransform: "uppercase",
+          display: "initial",
+        }}
+      >
+        <a href="Fietsen">Fietsen</a>
+      </div>
+    </div>
+  ) : (
+    <div
+      style={{
+        display: "flex",
+        backgroundColor: "rgba(93, 185, 239, 1)",
+        color: "white",
+      }}
+    >
+      <div
+        style={{
+          color: "white",
+          backgroundColor: "rgba(116, 194, 240)",
+          padding: "10px",
+          textAlign: "left",
+          fontSize: "0,9em",
+          marginRight: "20px",
+          textTransform: "uppercase",
+        }}
+      >
+        <a href="Home">Home</a>
+      </div>
+      <div
+        style={{
+          color: "white",
+          backgroundColor: "rgba(116, 194, 240)",
+          padding: "10px",
+          textAlign: "left",
+          fontSize: "0,9em",
+          marginRight: "20px",
+          textTransform: "uppercase",
+          display: "none",
+        }}
+      >
+        <a href="Fietsen">Fietsen</a>
+      </div>
+    </div>
+  )
+  return <> </>
+}
diff --git a/app/pages/index.tsx b/app/pages/index.tsx
index 69fa928..be23606 100644
--- a/app/pages/index.tsx
+++ b/app/pages/index.tsx
@@ -7,7 +7,7 @@ import { LabeledTextField } from "app/components/LabeledTextField"
 import { Form, FORM_ERROR } from "app/components/Form"
 import login from "app/auth/mutations/login"
 import { LoginInput, LoginInputType } from "app/auth/validations"
-import { CurrentUser } from "app/pages/CurrentUser"
+import { CurrentUser } from "./CurrentUser"
 type LoginFormProps = {
   onSuccess?: () => void
   onLogOut?: () => void