From 3506b3495bfdcf5db94cc73157ce1e456ca7e4a5 Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Thu, 25 May 2023 14:00:21 +0100
Subject: [PATCH] Added sign out when navbar is small

---
 src/app/components/Navbar.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/app/components/Navbar.tsx b/src/app/components/Navbar.tsx
index fa459e9..7c25ccf 100644
--- a/src/app/components/Navbar.tsx
+++ b/src/app/components/Navbar.tsx
@@ -3,6 +3,7 @@
 import React, { useState } from "react";
 import { Transition } from "@headlessui/react";
 import ProfileDropDown from "./ProfileDropDown";
+import { signOut } from "next-auth/react";
 
 function makeLink(href: string, label: string) {
   return (
@@ -110,6 +111,16 @@ function Nav({ pageName }: { pageName: string }) {
                 >
                   Help
                 </a>
+
+                <a
+                  href="/"
+                  className="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium"
+                  onClick={() => {
+                    SignOut();
+                  }}
+                >
+                  Log Out
+                </a>
               </div>
             </div>
           )}