Initial Commit

Massika-ke · Feb 5, 2025 · e10dfe9 · e10dfe9
1 parent 28e235e
commit e10dfe9
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -10,6 +10,7 @@ import './globals.css'
 // sidebar
 
 import { Toaster } from "react-hot-toast"
+import Header from "@/components/Header"
 
 
 // initialize inter font
@@ -29,6 +30,7 @@ export default function RootLayout({
     <body className={inter.className}>
       <div className="min-h-screen bg-gray-50 flex flex-col">
         {/* header */}
+        <Header onMenuClick={()=> setSidebarOpen(!sidebarOpen)} totalEarnings={totalEarnings}/>
         <div className="flex flex-1">
           {/* sidebar */}
           <main className="flex-1 p-4 lg:p-8 ml-0 lg:ml-64 transition-all duration-300">

diff --git a/components/Header.tsx b/components/Header.tsx
@@ -180,7 +180,27 @@ export default function Header({ onMenuClick, totalEarnings}: HeaderProps){
     }
 
     const handleNotificationClick = async (notificationId: number)=>{
-        await markNotificationAsRead(notificationId);
+        await markNotificationAsRead(notificationId); 
     }
+
+    if (loading) {
+        return <div>Loading web3 auth...</div>;
+    }
+    return(
+        <header className="bg-white border-b border-gray-200 sticky top-0 z-50">
+            <div className="flex items-center justify-between px-4 py-2">
+                <div className="flex items-center">
+                    <Button 
+                    variant='ghost' 
+                    size='icon' 
+                    className="mr-2 md:mr-4"
+                    onClick={onMenuClick}
+                    >
+                        <Menu className="h-6 w-6" />
+                    </Button>
+                </div>
+            </div>
+        </header>
+    )
 }