diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 684a99c..1b243fc 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -5,6 +5,7 @@ import { cn } from '@/lib/utils'; import Sidebar from '@/components/Sidebar'; import { Toaster } from 'sonner'; import ThemeProvider from '@/components/theme/Provider'; +import Header from '@/components/Header'; const montserrat = Montserrat({ weight: ['300', '400', '500', '700'], @@ -28,6 +29,7 @@ export default function RootLayout({ +
{children} Loading... + if (error) return
{error.message}
+ + return ( +
+
My App
+ +
+ ) +} diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index b0c8a16..62f0440 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -64,8 +64,7 @@ const Navbar = ({ size={17} className="active:scale-95 transition duration-100 cursor-pointer" /> - {}} /> - {/* 👈 Add this here */} + {}} />} ); diff --git a/src/components/ProfileButton.tsx b/src/components/ProfileButton.tsx deleted file mode 100644 index f3a1423..0000000 --- a/src/components/ProfileButton.tsx +++ /dev/null @@ -1,32 +0,0 @@ -'use client'; - -import { useEffect, useState } from 'react'; - -interface UserProfile { - name?: string; - email?: string; - picture?: string; -} - -export default function ProfileButton() { - const [user, setUser] = useState(null); - - useEffect(() => { - fetch('/auth/profile') - .then((res) => (res.ok ? res.json() : null)) - .then((data) => setUser(data?.user)) - .catch(() => setUser(null)); - }, []); - - if (!user) return null; - - return ( - - profile - - ); -}