Service Provider Reviews Block for React

Each typed review carries four scores from 1 to 5. The profile averages the scores of the reviews for the chosen job, one decimal by integer maths, and each bar is a category's average out of five. A review's own stars are the average of its four scores, to the nearest whole star. Edit REVIEWS at the top of the file to use your own.

The rating, the stars, the count, the verified hires, the four bars and the list: all of it is recomputed from the reviews of that kind of job. "All jobs" lifts the narrowing. An unseen copy of every job keeps the list's height, so choosing one never moves the page.

Each review that has a reply carries a button, "Reply from Bellmere", that opens it under the review. It is a collapsible disclosure: Enter and Space open and close it, and the reply stays in the page's text for the libraries that keep closed content in the HTML.

As a pounds figure in a left-to-right span, so it reads the same in a right-to-left page. The services done are badges in a real list, one per service.

The profile column comes first: the firm, the rating, the job group (four equal buttons), then the facts and the category bars. The reviews follow under a rule.

No. The firm, the customers, the prices and the replies are invented example data and the dates are fixed. The firm's area and response time are typed facts.