Remove reviews section from product pages

- Delete Reviews.tsx component
- Remove Reviews from standard product page
- Remove Reviews from made-to-order product page
- Simplify page layout by removing review section

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Andymick
2026-07-18 16:24:28 +01:00
co-authored by Claude Haiku 4.5
parent 74f9db6501
commit 10af792261
4 changed files with 3 additions and 68 deletions
-57
View File
@@ -1,57 +0,0 @@
// Placeholder reviews so the product page doesn't look empty. Swap this out for
// real review data (its own Prisma model, or a reviews API) once you're ready.
const SAMPLE_REVIEWS = [
{
name: 'Priya S.',
rating: 5,
body: 'The print came out exactly how I designed it. Fabric feels heavier than I expected in a good way.',
},
{
name: 'Marcus T.',
rating: 5,
body: "Uploaded my own logo and it lined up perfectly. Shipping was faster than the estimate too.",
},
{
name: 'Aisha K.',
rating: 4,
body: 'Great quality overall. Wish there were a couple more color options for this one.',
},
];
function Stars({ rating }: { rating: number }) {
return (
<span aria-label={`${rating} out of 5 stars`} className="text-splash-orange">
{'★'.repeat(rating)}
<span className="text-line">{'★'.repeat(5 - rating)}</span>
</span>
);
}
export default function Reviews() {
const average =
Math.round((SAMPLE_REVIEWS.reduce((s, r) => s + r.rating, 0) / SAMPLE_REVIEWS.length) * 10) / 10;
return (
<div>
<div className="flex items-baseline gap-4">
<h2 className="font-display text-3xl">Reviews</h2>
<div className="flex items-center gap-2">
<Stars rating={Math.round(average)} />
<span className="text-sm text-muted">
{average} · {SAMPLE_REVIEWS.length} reviews
</span>
</div>
</div>
<div className="mt-8 grid gap-6 sm:grid-cols-3">
{SAMPLE_REVIEWS.map((r) => (
<div key={r.name} className="border border-line bg-surface p-5">
<Stars rating={r.rating} />
<p className="mt-3 text-sm text-ink">{r.body}</p>
<p className="tag-label mt-4">{r.name}</p>
</div>
))}
</div>
</div>
);
}