Ho Ngoc Hai
81ae59cb9d
refactor(web): extract Navbar and Footer into design-system components
...
CI / Lint → Typecheck → Test → Build (22) (push) Failing after 33s
CI / E2E Tests (push) Has been skipped
CI / AI Services (Python) — Smoke (push) Failing after 9s
CodeQL Analysis / CodeQL (javascript-typescript) (push) Failing after 1m44s
Deploy / Build AI Services Image (push) Failing after 12s
E2E Tests / Playwright E2E (push) Failing after 14s
Security Scanning / Dependency Audit (pnpm) (push) Failing after 3s
Security Scanning / Trivy Scan — API Image (push) Failing after 1m55s
Security Scanning / Trivy Scan — Web Image (push) Failing after 53s
Security Scanning / Trivy Scan — AI Services Image (push) Failing after 53s
Security Scanning / Trivy Filesystem Scan (push) Failing after 46s
Deploy / Smoke Test Staging (push) Has been skipped
Deploy / Deploy to Production (push) Has been skipped
Security Scanning / Security Gate (push) Failing after 1s
Deploy / Rollback Production (push) Has been skipped
Deploy / Build API Image (push) Failing after 41s
Deploy / Build Web Image (push) Failing after 10s
Deploy / Deploy to Staging (push) Has been skipped
Deploy / Smoke Test Production (push) Has been skipped
Deploy / Rollback Staging (push) Has been skipped
- Create professional Navbar component with brand logo, user pill, active indicator, mobile drawer
- Create professional Footer component with contact info, social links, link groups
- Refactor public layout to use new design-system components via renderLink adapter
- Export new components from design-system index
Addresses TEC-3029: Nav and Footer refactoring
Co-Authored-By: Claude Opus 4 <noreply@anthropic.com >
2026-04-22 17:10:31 +07:00
Ho Ngoc Hai
7d6fcb4d8d
feat(web): design tokens, Tailwind config, base components (TEC-3057)
...
- Add chart palette, motion, and z-index CSS vars to globals.css
- Replace custom theme-provider with next-themes (dark default)
- Extend tailwind.config.ts with heading fonts, spacing (row-compact,
row-roomy, sidebar), chart colors, elevation shadows, glow shadows,
transition timing, pill border-radius, z-index scale
- Update tick-flash animations to match design token spec (480ms)
- Add prefers-reduced-motion support for all animations
- Create base design-system components:
Surface, SurfaceElevated, Divider, DensityProvider/useDensity,
Numeric (VND/percent/compact formatting), Signal (up/down/neutral pill)
- Add dev-only /dev/tokens showcase route (404 in production)
- Update theme-provider tests to match next-themes integration
Co-Authored-By: Paperclip <noreply@paperclip.ing >
2026-04-21 03:19:40 +07:00
Ho Ngoc Hai
9bb4c42f84
feat(web): listings page — ticker-style DataTable với toggle card view
...
Tạo mới trang /listings dạng bảng ticker-style theo spec TEC-3034.
- DataTable compact (row 36px, sticky header, alternating rows)
- Cột: #, Mã (GG-xxx), Quận, Loại, Giá, Δ30d, DT m², KL/Views
- Sortable theo Giá, Δ30d, DT m², KL/Views
- Filter inline: Loại giao dịch, Loại BĐS, Quận, Khoảng giá
- Toggle view: Table (default) ↔ Card grid (legacy component cũ)
- Pagination restyle compact, giữ nguyên API params
- Click row → navigate to detail page
- Dùng DataTable + PriceDelta từ @/components/design-system
Co-Authored-By: Paperclip <noreply@paperclip.ing >
2026-04-21 01:31:22 +07:00
