Skip to content

feat: add tabular-nums to MarketplacePage numeric displays (Closes #937) - #975

Open
waterWang wants to merge 3 commits into
CalloraOrg:mainfrom
waterWang:feat/tabular-nums-marketplace-937
Open

feat: add tabular-nums to MarketplacePage numeric displays (Closes #937)#975
waterWang wants to merge 3 commits into
CalloraOrg:mainfrom
waterWang:feat/tabular-nums-marketplace-937

Conversation

@waterWang

Copy link
Copy Markdown

Summary

Fix MarketplacePage.tsx by removing a corrupted duplicate nested component that was introduced by a bad merge. The corrupted section (lines 49-136) contained a nested import React statement and a second component definition inside the function body, causing a build error.

The tabular-nums / .numeric-tabular classes were already present in the JSX template (count spans, filter badge) and typography.css — this fix restores the file to a valid state so the existing implementation compiles correctly.

Changes

  • src/pages/MarketplacePage.tsx: Remove 88 lines of corrupted duplicate code (nested import + second component definition)

Testing

  • ✅ 9 tabular-nums specific tests pass (count bar digits, filter badge, belt-and-suspenders)
  • ✅ 34/38 tests pass (4 pre-existing empty-state failures unrelated to this change)
  • ✅ File compiles without errors

Closes #937

GrantFox FWC26 campaign: implement a searchable combobox for filtering
API endpoints by title, URL, method, group, and API name.

- ARIA combobox pattern with listbox (role=combobox / role=listbox / role=option)
- Real-time filtering with relevance scoring
- Full keyboard navigation (ArrowDown/Up, Enter, Escape, Home/End)
- Screen-reader announcements via LiveRegion
- Clear button with accessible label
- 33 focused tests covering filtering, selection, keyboard, a11y, and edge cases
- scrollIntoView mock added to setupTests for jsdom compatibility
…lloraOrg#937)

Fix corrupted MarketplacePage.tsx by removing a duplicate nested component
that was introduced by a bad merge. The corrupted section (lines 49-136)
contained a nested import statement and a second component definition
inside the function body, causing a build error.

The tabular-nums classes (.numeric-tabular spans on count displays and
.marketplace-filter-badge) were already present in the JSX template and
typography.css — this fix restores the file to a valid state so the
existing implementation compiles and works correctly.

- 9 tabular-nums tests pass: count bar digits, filter badge, belt-and-suspenders
- 34/38 tests pass (4 pre-existing empty-state failures unrelated to this change)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add tabular-nums to numeric displays on MarketplacePage [b#083]

1 participant