Skip to content

Conversation

@Rotorsoft
Copy link
Contributor

@Rotorsoft Rotorsoft commented Jan 8, 2026

Closes #13274

Summary

  • Refactored MarketSelector, MarketFilters, MarketCard, and MarketList components to match MarketsAppPage styling
  • Replaced inline styles and native HTML elements with CW component kit components (CWText, CWButton, CWTag, CWTextInput, CWSelectList, CWCircleMultiplySpinner)
  • Applied consistent light theme styling: white backgrounds, dark text, light borders matching MarketsAppPage
  • Implemented proper empty state handling with descriptive CWText messages
  • Updated grid layout to match MarketsAppPage responsive design (2 columns desktop, 1 mobile)
  • Added proper status tag color coding and date formatting
  • Created new SCSS files for MarketSelector and MarketFilters with consistent styling patterns

Files changed

  • packages/commonwealth/client/scripts/views/components/MarketIntegrations/* (all market integration components)
  • packages/commonwealth/client/scripts/views/pages/CommunityManagement/Markets/MarketsPage.scss

Tests

All unit tests pass, no type errors in modified files, linting passes

🤖 Generated with Claude Code

…t design patterns

Completed GitHub issue #13274
- Refactored MarketSelector, MarketFilters, MarketCard, and MarketList components to match MarketsAppPage styling
- Replaced inline styles and native HTML elements with CW component kit components (CWText, CWButton, CWTag, CWTextInput, CWSelectList, CWCircleMultiplySpinner)
- Applied consistent light theme styling: white backgrounds, dark text, light borders matching MarketsAppPage
- Implemented proper empty state handling with descriptive CWText messages
- Updated grid layout to match MarketsAppPage responsive design (2 columns desktop, 1 mobile)
- Added proper status tag color coding and date formatting
- Created new SCSS files for MarketSelector and MarketFilters with consistent styling patterns

Files changed:
- packages/commonwealth/client/scripts/views/components/MarketIntegrations/* (all market integration components)
- packages/commonwealth/client/scripts/views/pages/CommunityManagement/Markets/MarketsPage.scss

Tests: All unit tests pass, no type errors in modified files, linting passes

🤖 Generated with Claude Code
Co-Authored-By: Claude Sonnet 4.5 <[email protected]>
@Rotorsoft
Copy link
Contributor Author

Rotorsoft commented Jan 8, 2026

UI Screenshots

Full Page View

Markets Admin Full Page

The refactored Markets admin page now features:

  • Clean light theme with white backgrounds and dark text
  • CW component kit components (CWText, CWButton, CWTag, CWTextInput, CWSelectList)
  • Search bar and filter dropdowns (Provider and Category)
  • Responsive 2-column grid layout for market cards
  • Color-coded status tags (OPEN in green, KALSHI in yellow/green)
  • Consistent styling matching the MarketsAppPage design patterns

Scrolled View

Markets Admin Scrolled

Additional market cards showing the consistent styling and layout throughout the page.

@dillchen
Copy link
Contributor

dillchen commented Jan 8, 2026

LGTM

@dillchen dillchen merged commit b3dac18 into master Jan 8, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

4 participants