86c92a7c65
small details
2025-12-26 23:27:33 +01:00
f6c552cefd
pretty decent state
2025-12-26 18:49:00 +01:00
3beb23a765
refactor(frontend): improve code quality and maintainability
...
- Extract API error handling utility (utils/error-handling.ts)
- Centralize error message extraction logic
- Add type guards for API errors
- Replace duplicated error handling across components
- Create reusable Toast component (components/Toast.tsx)
- Extract toast notification logic from profile page
- Support auto-dismiss functionality
- Consistent styling with shared styles
- Extract form validation debouncing hook (hooks/useDebouncedValidation.ts)
- Reusable debounced validation logic
- Clean timeout management
- Used in profile page for form validation
- Consolidate duplicate styles (styles/auth-form.ts)
- Use shared style tokens instead of duplicating values
- Reduce code duplication between auth-form and shared styles
- Extract loading state component (components/LoadingState.tsx)
- Standardize loading UI across pages
- Replace duplicated loading JSX patterns
- Used in profile, exchange, and trades pages
- Fix useRequireAuth dependency array
- Remove unnecessary hasPermission from dependencies
- Add eslint-disable comment with explanation
- Improve hook stability and performance
All frontend tests pass. Linting passes.
2025-12-25 19:04:45 +01:00
e8d0ee2eca
refactor: import React types directly instead of namespace
...
Replace 'import React from "react"' with direct imports of
CSSProperties and ChangeEvent. This eliminates unused imports
and follows modern React patterns where the namespace import
is not required for JSX (React 17+).
2025-12-23 12:23:32 +01:00
c9c36971d8
refactor: extract shared trade card styles to shared.ts
...
Move duplicate style definitions from trades/page.tsx and
admin/trades/page.tsx to a new tradeCardStyles export in shared.ts.
Both pages now import and use these shared styles, keeping only
page-specific styles locally. This improves maintainability and
ensures visual consistency.
2025-12-23 12:22:04 +01:00
81cd34b0e7
refactor(frontend): consolidate shared styles into centralized style system
...
- Create comprehensive shared.ts with design tokens and categorized styles:
- layoutStyles: main, loader, content variants
- cardStyles: card, tableCard, cardHeader
- tableStyles: complete table styling
- paginationStyles: pagination controls
- formStyles: inputs, labels, errors
- buttonStyles: primary, secondary, accent, danger variants
- badgeStyles: status badges with color variants
- bannerStyles: error/success banners
- modalStyles: modal overlay and content
- toastStyles: toast notifications
- utilityStyles: divider, emptyState, etc.
- Refactor all page components to use shared styles:
- page.tsx (counter)
- audit/page.tsx
- booking/page.tsx
- appointments/page.tsx
- profile/page.tsx
- invites/page.tsx
- admin/invites/page.tsx
- admin/availability/page.tsx
- Reduce code duplication significantly (each page now has only
truly page-specific styles)
- Maintain backwards compatibility with sharedStyles export
2025-12-21 23:45:47 +01:00
37de6f70e0
Add Prettier for TypeScript formatting
...
- Install prettier
- Configure .prettierrc.json and .prettierignore
- Add npm scripts: format, format:check
- Add Makefile target: format-frontend
- Format all frontend files
2025-12-21 21:59:26 +01:00
b9f605d7b3
Extract common errorBanner style to shared styles
...
- Added errorBanner to sharedStyles for consistent error display
- Removed duplicate errorBanner definitions from all pages
- Updated appointments, booking, admin/appointments, and admin/availability pages
- Reduced code duplication while maintaining component-specific styles
2025-12-21 18:01:30 +01:00
40ca82bb45
finish branch
2025-12-19 00:12:43 +01:00
66bc4c5a45
review
2025-12-18 23:54:51 +01:00
ca55932a41
second round of review
2025-12-18 22:31:19 +01:00
