DO NOT MERGE - KEEP FOR CI TESTS Refractor frontend branch from @mohibr#230
DO NOT MERGE - KEEP FOR CI TESTS Refractor frontend branch from @mohibr#230prozacchiwawa wants to merge 59 commits intomainfrom
Conversation
…ure-based structure - Renamed BramVibe1 feature to CaliforniaPoker - Moved feature into src/features/californiaPoker/ - Separated UI components into components/ directory - Added utils/ folder for logic helpers (deck creation, hand evaluation, etc.) - Moved constants into constants/ folder - Extracted shared interfaces and types to src/types/ - Organized CalPoker feature similarly with its own components/ folder - Improved file naming consistency and imports for maintainability
…to RefractorFrontend
…m URL copy dialog
…to RefractorFrontend
…etwork/chia-gaming into RefractorFrontend
- Updated main game UI layout and visuals - Refined game logs UI for better readability - Added toast notifications for game updates - Improved lobby UI structure and styling - Implemented expandable sections for chat and connected players (mutually exclusive expand/shrink) - Fixed header responsiveness across breakpoints
Convert UI components from MUI/Sx to Tailwind utility classes (e.g. WalletConnect.tsx, WalletConnectHeading.tsx) Add designrift CSS variables and aliases for light/dark theming in index.css Configure Tailwind v4 (tailwind.config.ts): map CSS vars to tokens, enable darkMode: "class", and update content paths Fix responsive breakpoint ordering and remove duplicate fallback rules that overrode media queries Ensure Tailwind-generated utilities are used (removed hardcoded fallbacks added during debugging) Add dark/light toggle with localStorage persistence and small UX tweaks in App.tsx Rebuild and verify index.css; confirm Docker mounts for resources/gaming-fe/dist/* do not conflict with the build output Notes: Run cd resources/gaming-fe && yarn build and verify UI in browser/Docker. If utilities are missing, ensure tailwind.config.ts scans files containing class strings (avoid runtime-generated classnames).
…Network/chia-gaming into RefractorFrontend
…-Network/chia-gaming into RefractorFrontend
…nt so every button is using the same properties
…t into separate components
|
Warning Review the following alerts detected in dependencies. According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.
|
…, and improve UI components - Modified `build-and-run.sh` to include building the `lobby-view` frontend and added necessary volume mounts for Docker. - Updated `package.json` to include new dependencies: `@radix-ui/react-scroll-area`, `@radix-ui/react-separator`, `clsx`, `tailwind-merge`, and `tw-animate-css`. - Adjusted `tsconfig.json` to set base URL and paths for module resolution. - Enhanced UI components in `App.tsx`, `GameRedirectPopup.tsx`, and `Calpoker` to improve styling and layout. - Refactored `HandDisplay` component for better responsiveness and layout consistency. - Removed unused `custom.d.ts` file.
- Enhanced the UI of the California Poker game by adjusting layout and styling in `index.tsx`, `HandDisplay.tsx`, and `GameBottomBar.tsx`. - Added responsive design improvements in CSS for better usability on smaller screens. - Refactored code to remove unused variables and streamline functionality.
- Enhanced the layout and styling of the GameLog, HandDisplay, and GameBottomBar components for better user experience. - Updated CSS for consistent spacing and improved responsiveness. - Refactored card rendering logic in the Card component for cleaner code and better performance.
- Improved layout and styling in the Game component for better user experience, including a new card layout for shutdown state. - Simplified background styling in App component by removing inline styles. - Updated GameBottomBar for better mobile responsiveness and visual clarity. - Removed unused state variables in lobby components to streamline code.
- Updated the components.json schema URL and specified the Tailwind CSS config file. - Refactored utility paths in aliases for better module resolution. - Added new dependencies for Radix UI components and Floating UI for enhanced UI functionality. - Introduced new PNG image support and created type definitions for image imports. - Improved styling and layout in various components, including Game, QRCodeModal, and WaitingScreen, for better user experience. - Streamlined code in WalletBadge and WalletConnect components, enhancing readability and maintainability. - Added new UI components for buttons, dialogs, and tooltips to standardize UI elements across the application.
…ion flag, but does nothing else. Implements data suspension so the ui doesn't change while suspended.
…terval and then resume the ui correctly afterward.
- Improved styling and layout in QRCodeModal for better mobile responsiveness and user experience. - Updated variable names in California Poker to clarify functionality, changing components in CreateRoomDialog for consistency and improved UI.
…pokerOutcome decoding
- Removed unused CssBaseline imports from index files in both gaming and lobby views for cleaner code. - Updated GameLog and QRCodeModal components to enhance layout and responsiveness. - Adjusted styles in WaitingScreen and CreateRoomDialog for better user experience and consistency. - Improved card rendering logic in HandDisplay and Card components for better performance and clarity.
…ork/chia-gaming into RefractorFrontend
- Replaced the Expand icon with ChevronDown in GameLog for better visual consistency. - Changed border color in WaitingScreen to enhance UI clarity. - Adjusted layout in CaliforniaPoker to streamline component structure and improve responsiveness. - Updated CardContent to modify margin for better spacing. - Enhanced HandDisplay to ensure proper z-index for winner/tie indicators. - Introduced SORT_ANIMATION_DURATION constant for animation consistency. - Updated CreateRoomDialog styling for improved user experience.
…onents - Changed Docker image from calpoker:latest to chia-latest:latest for consistency. - Refactored GameLog to reverse log entries for better display order. - Integrated makeDescription utility in CaliforniaPoker for improved hand description handling. - Added state management for player and opponent display texts in CaliforniaPoker. - Enhanced card swapping logic to ensure accurate updates in the UI.
…d functionality - Updated GameLog to display log entries in original order. - Adjusted layout in CaliforniaPoker for better responsiveness and visual hierarchy. - Enhanced card swapping logic to accurately reflect player and opponent hands. - Improved hand description formatting in makeDescription utility for clearer output. - Streamlined HandDisplay component to remove unnecessary title rendering.
No description provided.