Refs #17
Adds a 'Rematch' button to the game completion modal.
Introduces a 'handleRematch' function in 'App.jsx' to create a new game with the same players and settings as the previous game.
The 'onRematch' handler is passed down to the 'GameCompletionModal' component.
Adds '.gitea' to '.gitignore' to prevent tracking local issue context.
- Consolidated all modal-related styles into Modal.module.css; ValidationModal.module.css is now deprecated
- All main action/navigation buttons in NewGame and GameDetail use global .btn/.nav-buttons utility classes
- Removed duplicate utility classes from component CSS files
- Fixed .fullscreenToggle class naming for consistency
- Cleaned up component CSS to only contain component-specific styles
- Updated GameCompletionModal to use shared modal styles
This ensures DRY, maintainable, and consistent styling across the app.
- Refactored all components in src/components to:
- Use arrow function components and prop destructuring
- Add JSDoc for all exported components
- Improve accessibility (aria-labels, roles, etc.)
- Use correct key usage in lists
- Add comments for non-obvious logic
- Use modern event handler patterns and memoization where appropriate
- Refactored src/pages/index.astro:
- Removed <html>, <head>, and <body> (should be in layout)
- Used semantic <main> for main content
- Kept only necessary imports and markup
- Refactored src/styles/index.css:
- Removed duplicate rules
- Ensured only global resets/utilities are present
- Added comments for clarity
- Ensured no component-specific styles are present
- Used consistent formatting
Brings the codebase in line with modern Astro and Preact best practices, improves maintainability, accessibility, and code clarity.
- Move modal overlay CSS to global stylesheet for reliable overlay behavior
- Render GameCompletionModal outside main container for true overlay effect
- Refactor GameCompletionModal to use global overlay and local content styles
- Fix player score layout, color, and button styling on game detail screen
- Add global .modal and .modal.show classes to index.css
- Clean up CSS modules for modal content and responsive design
Fixes #<issue_number>
- Replaced all .astro components with .jsx Preact components and added corresponding CSS modules.
- Updated index.astro to use the new App Preact component; removed legacy script and Astro imports.
- Deleted obsolete .astro component files and main JS logic (src/scripts/index.js, public/scripts/index.js).
- Updated astro.config.mjs for Preact integration.
- Updated package.json and package-lock.json to include @astrojs/preact and preact.
- Updated tsconfig.json for Preact JSX support.
- Refactored index.css to keep only global resets and utility styles.
- All changes relate to Gitea issue #1 (refactor to astro app).
Migrates the UI from Astro/vanilla JS to a modular Preact component architecture, removing all legacy code and aligning the project with modern best practices.
Refs #1
