review-06-block

1"use client";
2 
3import StarRating from "@/components/commerce-ui/star-rating-fractions";
4import { Button } from "@/components/ui/button";
5import { Check } from "lucide-react";
6import { useState } from "react";
7 
8interface Review_06Props {
9  reviewerName?: string;
10  reviewerTitle?: string;
11  reviewerAvatar?: string;
12  reviewDate?: string;
13  reviewTitle?: string;
14  reviewContent?: string;
15  rating?: number;
16  initialUsefulCount?: number;
17  initialHelpfulCount?: number;
18  initialInsightfulCount?: number;
19  verified?: boolean;
20}
21 
22function FeedbackButton({
23  active,
24  children,
25  count,
26  onClick,
27}: {
28  children: React.ReactNode;
29  count: number;
30  active: boolean;
31  onClick: () => void;
32}) {
33  return (
34    <Button
35      variant={active ? "secondary" : "outline"}
36      size="sm"
37      onClick={onClick}
38      className={`rounded-full text-xs ${
39        active
40          ? "bg-blue-100 text-blue-700 hover:bg-blue-200 dark:bg-blue-900/50 dark:text-blue-400"
41          : ""
42      }`}
43    >
44      {children}
45      <span className="ml-1 font-normal">({count})</span>
46    </Button>
47  );
48}
49 
50function Review_06({
51  initialHelpfulCount = 17,
52  initialInsightfulCount = 9,
53  initialUsefulCount = 24,
54  rating = 5,
55  reviewContent = "I've been using this product daily for about a month now, and I can honestly say it has transformed my routine. The quality is exceptional compared to similar items I've tried before. It's durable, well-designed, and the attention to detail is evident. The customer service experience was also outstanding when I had a question about maintenance. Highly recommend to anyone looking for a reliable solution that actually delivers on its promises.",
56  reviewDate = "August 15, 2023",
57  reviewerAvatar = "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/user-01.jpg",
58  reviewerName = "Adam Smith",
59  reviewerTitle = "Verified Customer",
60  reviewTitle = "Exceeded my expectations in every way",
61  verified = true,
62}: Review_06Props = {}) {
63  const [isExpanded, setIsExpanded] = useState(false);
64  const [usefulCount, setUsefulCount] = useState(initialUsefulCount);
65  const [helpfulCount, setHelpfulCount] = useState(initialHelpfulCount);
66  const [insightfulCount, setInsightfulCount] = useState(
67    initialInsightfulCount
68  );
69  const [isUsefulActive, setIsUsefulActive] = useState(false);
70  const [isHelpfulActive, setIsHelpfulActive] = useState(false);
71  const [isInsightfulActive, setIsInsightfulActive] = useState(false);
72// … truncated