36 lines
1000 B
TypeScript
36 lines
1000 B
TypeScript
"use client"
|
|
|
|
import { useState, useEffect } from "react"
|
|
import { useTheme } from "next-themes"
|
|
import Sidebar from "./sidebar"
|
|
import UnifiedNotifications from "@/components/notifications/UnifiedNotifications"
|
|
import type React from "react"
|
|
|
|
interface LayoutProps {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
export default function Layout({ children }: LayoutProps) {
|
|
const { theme } = useTheme()
|
|
const [mounted, setMounted] = useState(false)
|
|
|
|
useEffect(() => setMounted(true), [])
|
|
|
|
if (!mounted) return null
|
|
|
|
return (
|
|
<div className={`flex h-screen ${theme === "dark" ? "dark" : ""}`}>
|
|
<Sidebar />
|
|
<div className="w-full flex flex-1 flex-col">
|
|
<header className="h-16 border-b border-border flex items-center justify-end px-6">
|
|
<div className="flex items-center space-x-2">
|
|
<UnifiedNotifications />
|
|
</div>
|
|
</header>
|
|
<main className="flex-1 overflow-auto p-6 dark:bg-[#0F0F12]">{children}</main>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|