Files
zeekay f91e76841b fix: Resolve SSR errors and add 'use client' to interactive demos
Major fixes:
- Fixed wagmi/Web3 SSR errors by lazy-loading config in Web3Provider
- Added SidebarProvider to sidebar-demo components
- Added 'use client' to 14 demo files with hooks/state/event handlers
- Temporarily disabled force-static on blocks page

Build progress: 0 → 258/1035 pages (25%) before hitting /blocks error

Remaining issue:
- /blocks page has function-passing error during static generation

Package versions confirmed:
- React 19.2.0 ✅
- Next.js 16.0.0 ✅
- Tailwind CSS 4.1.14 ✅
2025-11-06 01:51:19 -08:00

33 lines
1.2 KiB
TypeScript

"use client"
import { Calendar, Home, Mail, Search, Settings, User } from "lucide-react"
import { Dock, DockItem } from "@/registry/default/ui/macos-dock"
export default function MacOSDockDemo() {
return (
<div className="flex min-h-[300px] items-end justify-center pb-12">
<Dock>
<DockItem tooltip="Finder" onClick={() => console.log("Finder")}>
<Home className="h-6 w-6 text-white" />
</DockItem>
<DockItem tooltip="Safari" onClick={() => console.log("Safari")}>
<Search className="h-6 w-6 text-white" />
</DockItem>
<DockItem tooltip="Mail" onClick={() => console.log("Mail")}>
<Mail className="h-6 w-6 text-white" />
</DockItem>
<DockItem tooltip="Calendar" onClick={() => console.log("Calendar")}>
<Calendar className="h-6 w-6 text-white" />
</DockItem>
<DockItem tooltip="Settings" onClick={() => console.log("Settings")}>
<Settings className="h-6 w-6 text-white" />
</DockItem>
<DockItem tooltip="Profile" onClick={() => console.log("Profile")}>
<User className="h-6 w-6 text-white" />
</DockItem>
</Dock>
</div>
)
}