From 723cb94ed5fef8f6d8e21a699679fdb875e02972 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Thu, 5 Mar 2020 15:40:57 +0100
Subject: [PATCH] created navbar component

---
 client/src/components/Navbar.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 client/src/components/Navbar.tsx

diff --git a/client/src/components/Navbar.tsx b/client/src/components/Navbar.tsx
new file mode 100644
index 0000000..3432b0a
--- /dev/null
+++ b/client/src/components/Navbar.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { useAuth0 } from "../authentication/auth0";
+
+export const NavBar = () => {
+  const { isAuthenticated, loginWithRedirect, logout } = useAuth0();
+
+  return (
+    <div>
+      {!isAuthenticated && (
+        <button onClick={() => loginWithRedirect({})}>Log in</button>
+      )}
+
+      {isAuthenticated && <button onClick={() => logout()}>Log out</button>}
+    </div>
+  );
+};