Skip to content

feat(reviews): build artist reviews list component (#421) - #460

Open
oladev2026-tech wants to merge 1 commit into
Dfunder:mainfrom
oladev2026-tech:421-artist-reviews-section
Open

feat(reviews): build artist reviews list component (#421)#460
oladev2026-tech wants to merge 1 commit into
Dfunder:mainfrom
oladev2026-tech:421-artist-reviews-section

Conversation

@oladev2026-tech

Copy link
Copy Markdown

Summary

Adds app/components/reviews/ReviewsList.tsx matching the issue: a self-contained section that renders an artist's client reviews with a summary header (average score + total count), a 5-bar star distribution, individual review cards (avatar, name, stars, comment, timestamp), and Prev/Next pagination.

Notes

  • Exports both the component and a Review interface so consumer pages can type their props.
  • reviews is passed in as a prop (no mock baked in) — the artist profile page or commission detail page can drop in real data directly.
  • pageSize defaults to 5; the Prev/Next buttons are hidden when there is a single page.
  • Summary numbers are derived from the reviews array via useMemo so they don't recompute on unrelated re-renders.
  • Empty-state copy keeps the layout stable when there are zero reviews.
  • No consumer-page wiring in this PR — same stand-alone export approach as Build leave review modal #420, so any host page can import it when ready.

Closes #421

Adds app/components/reviews/ReviewsList.tsx exporting both the component and a Review interface. Section header shows the average rating + total review count; a 5-bar distribution grid breaks down how many reviews are 5/4/3/2/1 stars; the review cards each carry the reviewer's initials avatar, name, rating, comment, and posted date. Prev/Next pagination is rendered when there is more than one page (pageSize default = 5). All state lives in this component (no extra deps). Mock data is passed in as a  prop so consumer pages can swap in real data later.

Closes Dfunder#421
@drips-wave

drips-wave Bot commented Jul 28, 2026

Copy link
Copy Markdown

@oladev2026-tech 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

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.

Build artist reviews section

1 participant