Context
Three files in apps/loopover-ui hand-roll raw <table>/<thead>/<tbody> markup instead of adopting the shared Table component (@/components/ui/table, a ui-kit-backed primitive):
apps/loopover-ui/src/components/site/check-run-readiness-table.tsx:65
apps/loopover-ui/src/components/site/command-table.tsx:41
apps/loopover-ui/src/components/site/app-panels/contributor-quality-table.tsx:35
None of the three import Table from @/components/ui/table (confirmed — no such import in any of the three files). This is the same class of gap epic #6504 already fixed for apps/loopover-miner-ui's tables, applied here to three tables in the main website app that were never audited for it.
Requirements
- Migrate all three tables' markup onto the shared
Table/TableHeader/TableBody/TableRow/TableCell components from @/components/ui/table.
- Preserve each table's existing columns, sorting/formatting logic, and any per-cell styling (e.g.
contributor-quality-table.tsx's whitespace-nowrap) — this issue is about the markup/component, not the data or layout.
- Do not invent a new table wrapper component — only migrating to the existing shared
Table primitive satisfies this issue.
Deliverables
Test Coverage Requirements
apps/** UI code falls outside this repo's strict Codecov patch gate (check coverage.include) — a before/after screenshot table (all three components) is still required per this repo's UI-PR convention, plus the regression tests above.
Expected Outcome
All three tables render through the shared Table primitive instead of raw hand-rolled <table> markup, matching the rest of the app's adopted convention.
Links & Resources
@/components/ui/table — the Table primitive. Any apps/loopover-miner-ui route already migrated under epic #6504 for a real before/after precedent.
Context
Three files in
apps/loopover-uihand-roll raw<table>/<thead>/<tbody>markup instead of adopting the sharedTablecomponent (@/components/ui/table, a ui-kit-backed primitive):apps/loopover-ui/src/components/site/check-run-readiness-table.tsx:65apps/loopover-ui/src/components/site/command-table.tsx:41apps/loopover-ui/src/components/site/app-panels/contributor-quality-table.tsx:35None of the three import
Tablefrom@/components/ui/table(confirmed — no such import in any of the three files). This is the same class of gap epic #6504 already fixed forapps/loopover-miner-ui's tables, applied here to three tables in the main website app that were never audited for it.Requirements
Table/TableHeader/TableBody/TableRow/TableCellcomponents from@/components/ui/table.contributor-quality-table.tsx'swhitespace-nowrap) — this issue is about the markup/component, not the data or layout.Tableprimitive satisfies this issue.Deliverables
check-run-readiness-table.tsxusesTablecommand-table.tsxusesTablecontributor-quality-table.tsxusesTableTest Coverage Requirements
apps/**UI code falls outside this repo's strict Codecov patch gate (checkcoverage.include) — a before/after screenshot table (all three components) is still required per this repo's UI-PR convention, plus the regression tests above.Expected Outcome
All three tables render through the shared
Tableprimitive instead of raw hand-rolled<table>markup, matching the rest of the app's adopted convention.Links & Resources
@/components/ui/table— theTableprimitive. Anyapps/loopover-miner-uiroute already migrated under epic #6504 for a real before/after precedent.