db5cd4cbcb
Use framer-motion animated sidebar from 21st.dev — collapses to icons, expands on hover. Phosphor icons instead of lucide. Remove old manual collapse/expand and sidebar-context. Top bar has Pulse logo + user actions, sidebar below with site picker and nav groups.
25 lines
519 B
TypeScript
25 lines
519 B
TypeScript
'use client'
|
|
|
|
import PulseSidebar from './Sidebar'
|
|
import UtilityBar from './UtilityBar'
|
|
|
|
export default function DashboardShell({
|
|
siteId,
|
|
children,
|
|
}: {
|
|
siteId: string
|
|
children: React.ReactNode
|
|
}) {
|
|
return (
|
|
<div className="flex flex-col h-screen overflow-hidden">
|
|
<UtilityBar />
|
|
<div className="flex flex-1 overflow-hidden">
|
|
<PulseSidebar siteId={siteId} />
|
|
<main className="flex-1 min-w-0 overflow-y-auto">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|