32ea4c509a
- Implemented a new Material 3-inspired layout for the services page, following the user's design reference.
- Added a theme switcher to toggle between the original ("classic") and the new ("material") layouts.
- The theme preference is persisted in `localStorage` using a Zustand store.
- Ensured proper server-side rendering and client-side hydration by creating a custom `useViewStore` hook that prevents hydration mismatches.
- Created new components for the Material 3 layout: `Sidebar`, `Header`, and `Material3Layout`.
- Refactored the main services page (`src/app/services/page.tsx`) to conditionally render either the classic or material layout based on the selected theme.
- Moved the theme switcher to the `Footer` component to make it accessible in both views.
- Added a Playwright test to verify the functionality of the theme switcher.
32 lines
1.3 KiB
Plaintext
32 lines
1.3 KiB
Plaintext
|
|
> dashboard@1.0.0 dev
|
|
> bash scripts/Dev-MCP-Server.sh && next dev --turbo
|
|
|
|
[MCP] Cleaning stale Chrome processes...
|
|
[MCP] Starting Chrome (remote debugging)...
|
|
[MCP] Waiting for Chrome DevTools endpoint...
|
|
[MCP] Chrome DevTools ready on port 9222
|
|
[MCP] (Optional) Pre-warming chrome-devtools-mcp...
|
|
[MCP] Done. You can now run: npm run dev
|
|
▲ Next.js 16.1.2 (Turbopack)
|
|
- Local: http://localhost:3000
|
|
- Network: http://192.168.0.2:3000
|
|
|
|
✓ Starting...
|
|
✓ Ready in 2.5s
|
|
○ Compiling /services ...
|
|
GET /services 200 in 6.8s (compile: 6.4s, render: 327ms)
|
|
[runtime-config] Loaded env: PROD
|
|
GET /api/auth/session 200 in 1021ms (compile: 993ms, render: 29ms)
|
|
GET /services 200 in 87ms (compile: 5ms, render: 82ms)
|
|
GET /api/auth/session 200 in 11ms (compile: 3ms, render: 7ms)
|
|
✓ Compiled in 310ms
|
|
GET /services 200 in 441ms (compile: 149ms, render: 293ms)
|
|
GET /api/auth/session 200 in 16ms (compile: 5ms, render: 10ms)
|
|
GET /services 200 in 252ms (compile: 100ms, render: 152ms)
|
|
GET /api/auth/session 200 in 14ms (compile: 5ms, render: 8ms)
|
|
GET /services 200 in 251ms (compile: 86ms, render: 165ms)
|
|
GET /api/auth/session 200 in 13ms (compile: 4ms, render: 8ms)
|
|
GET /services 200 in 281ms (compile: 94ms, render: 187ms)
|
|
GET /api/auth/session 200 in 12ms (compile: 4ms, render: 8ms)
|