counterweight/arbret
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
arbret/frontend
History
counterweight 1a47b3643f
Extract reusable UI components to reduce DRY violations 
- Created StatusBadge component: Standardizes status badge display
  - Supports tradeStatus prop for trade-specific styling
  - Supports variant prop for simple badges (success/error/ready)
  - Eliminates repetitive badge style combinations

- Created EmptyState component: Standardizes empty state display
  - Handles loading and empty states consistently
  - Supports message, hint, and action props
  - Used across trades, invites, admin pages

- Created ConfirmationButton component: Standardizes confirmation flows
  - Two-step confirmation pattern (action -> confirm/cancel)
  - Supports different variants (danger/success/primary)
  - Handles loading states automatically
  - Used for cancel, complete, no-show actions

- Migrated pages to use new components:
  - trades/page.tsx: StatusBadge, EmptyState, ConfirmationButton
  - trades/[id]/page.tsx: StatusBadge
  - invites/page.tsx: StatusBadge, EmptyState
  - admin/trades/page.tsx: StatusBadge, EmptyState, ConfirmationButton
  - admin/invites/page.tsx: StatusBadge

Benefits:
- Eliminated ~50+ lines of repetitive badge styling code
- Consistent UI patterns across all pages
- Easier to maintain and update styling
- Better type safety

All tests passing (32 frontend, 33 e2e)
2025-12-25 21:40:07 +01:00
..
app Extract reusable UI components to reduce DRY violations 2025-12-25 21:40:07 +01:00
e2e parallel tests 2025-12-25 00:48:22 +01:00
.gitignore Add Vitest coverage for frontend tests 2025-12-21 22:00:47 +01:00
.prettierignore fix pre-commit hook and code quality fixes 2025-12-21 22:14:48 +01:00
.prettierrc.json Add Prettier for TypeScript formatting 2025-12-21 21:59:26 +01:00
env.example first round of review 2025-12-18 22:24:46 +01:00
eslint.config.js Add Prettier for TypeScript formatting 2025-12-21 21:59:26 +01:00
next-env.d.ts starting 2025-12-18 21:37:28 +01:00
next.config.ts Add Prettier for TypeScript formatting 2025-12-21 21:59:26 +01:00
package-lock.json Add Vitest coverage for frontend tests 2025-12-21 22:00:47 +01:00
package.json Add Vitest coverage for frontend tests 2025-12-21 22:00:47 +01:00
playwright.config.ts more merging 2025-12-25 00:06:32 +01:00
tsconfig.json Add Prettier for TypeScript formatting 2025-12-21 21:59:26 +01:00
tsconfig.tsbuildinfo Phase 5: Frontend Admin Page 2025-12-21 22:55:56 +01:00
vitest.config.ts Add Vitest coverage for frontend tests 2025-12-21 22:00:47 +01:00