diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 496ea3e..982fc7d 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -3,6 +3,7 @@ import "./globals.css";
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import { Toaster } from "react-hot-toast";
+import NextAuthProvider from "@/components/providers/next-auth-provider";
const inter = Inter({ subsets: ["latin"] });
@@ -18,10 +19,12 @@ export default function RootLayout({
return (
-
-
- {children}
-
+
+
+
+ {children}
+
+
);
diff --git a/apps/web/components/layout/navigation.tsx b/apps/web/components/layout/navigation.tsx
index 605c688..ac48625 100644
--- a/apps/web/components/layout/navigation.tsx
+++ b/apps/web/components/layout/navigation.tsx
@@ -1,9 +1,19 @@
"use client";
-import { Sheet, SheetContent } from "@openstarter/ui";
+import {
+ Button,
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+ Sheet,
+ SheetContent,
+} from "@openstarter/ui";
+import { signOut, useSession } from "next-auth/react";
+import Image from "next/image";
import Link from "next/link";
import { useState } from "react";
-import { LuMenu, LuRocket } from "react-icons/lu";
+import { LuLogOut, LuMenu, LuRocket } from "react-icons/lu";
const navItems = [
{
@@ -18,6 +28,8 @@ const navItems = [
const Navigation = () => {
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+ const { data: session, status } = useSession();
+ const handleLogout = async () => await signOut();
return (