Skip to content

Feature/marketplace card reputation#883

Merged
1nonlypiece merged 2 commits into
Commitlabs-Org:masterfrom
Opulencechuks:feature/marketplace-card-reputation
Jun 27, 2026
Merged

Feature/marketplace card reputation#883
1nonlypiece merged 2 commits into
Commitlabs-Org:masterfrom
Opulencechuks:feature/marketplace-card-reputation

Conversation

@Opulencechuks

Copy link
Copy Markdown
Contributor

This PR closes #680

Summary

Give buyers an at‑a‑glance signal of a seller’s reliability directly on each marketplace listing card, and provide a detailed view in the commitment quick‑view modal.

What’s Changed

File Change
src/components/MarketplaceCard.tsx • Added totalCommitments and successRate props to MarketplaceCardProps.
• Imported and rendered ReputationDisplay as a compact chip in the card header.
• Show a “New seller” badge when reputation data is missing.
• Passed reputation data to CommitmentDetailsModal.
src/components/modals/CommitmentDetailsModal.tsx • Extended CommitmentDetailsModalProps with reputationScore, totalCommitments, and successRate.
• Render the full ReputationDisplay component inside the modal body when data is present.
src/components/ReputationDisplay.tsx (unchanged) Used as the UI component for both the compact and full reputation displays.

New UI

  • Marketplace Card – Shows the seller’s score as a colored badge (green/blue/red based on value). If the seller is new (no reputation data), a neutral “New seller” chip is displayed.
  • Quick‑View Modal – The full ReputationDisplay appears below the basic commitment details, giving users the track‑record and success‑rate information without leaving the modal.

Why This Matters

  • Buyers can evaluate counter‑party trust before initiating a pre‑flight, reducing friction and risk.
  • New sellers are clearly indicated, avoiding misleading zero‑score displays.
  • The design stays consistent with existing dark‑mode, glass‑morphism styling and respects responsive layout constraints.

Verification

  • Ran pnpm test – all existing tests pass. (New tests can be added later to cover the reputation chip.)
  • Manual dev‑server check: reputation chip appears on all listings with data; “New seller” appears when data is absent; modal shows the detailed ReputationDisplay.

Documentation

  • A new markdown file docs/MARKETPLACE_REPUTATION.md (to be added) will describe the data contract and UI behavior.

Review Checklist

  • Verify the reputation data shape matches the payload from /api/marketplace/listings.
  • Confirm the “New seller” fallback meets design expectations.
  • Add unit/RTL tests for the new UI elements (optional but encouraged).

@vercel

vercel Bot commented Jun 27, 2026

Copy link
Copy Markdown

@Opulencechuks is attempting to deploy a commit to the 1nonly's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jun 27, 2026

Copy link
Copy Markdown

@Opulencechuks Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@1nonlypiece 1nonlypiece merged commit 36057eb into Commitlabs-Org:master Jun 27, 2026
0 of 2 checks passed
@1nonlypiece

Copy link
Copy Markdown
Contributor

reputation right on the marketplace card is a nice touch, helps trust at a glance. merged

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.

Wire ReputationDisplay into MarketplaceCard listings using seller analytics

2 participants