review-10-block

1"use client";
2 
3import UpvoteRating_Basic from "@/components/commerce-ui/upvote-rating-basic";
4import { Button } from "@/components/ui/button";
5import { Check, Clock, Flag, Share2 } from "lucide-react";
6import { useState } from "react";
7 
8interface Review_10Props {
9  hunterName?: string;
10  hunterTitle?: string;
11  hunterAvatar?: string;
12  reviewDate?: string;
13  reviewTitle?: string;
14  reviewContent?: string;
15  initialUpvotes?: number;
16  initialDownvotes?: number;
17  initialUpvoted?: boolean;
18  initialDownvoted?: boolean;
19  productIcon?: string;
20  productName?: string;
21  verified?: boolean;
22}
23 
24function Review_10({
25  hunterAvatar = "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/user-05.jpg",
26  hunterName = "Ryan Hoover",
27  hunterTitle = "Product Hunter",
28  initialDownvoted = false,
29  initialDownvotes = 7,
30  initialUpvoted = false,
31  initialUpvotes = 128,
32  productIcon = "https://avatar.vercel.sh/rauchg?rounded=60",
33  productName = "TaskMaster",
34  reviewContent = "I've tried countless to-do apps over the years, but TaskMaster has quickly become my default. What sets it apart is its perfect balance of simplicity and functionality. The UI is clean, focused, and doesn't overwhelm you with unnecessary features.\n\nThe standout feature is the 'Priority Matrix' that helps you sort tasks based on importance and urgency - a simple implementation of the Eisenhower matrix. The daily focus view shows only what you need to accomplish today, which reduces anxiety and increases productivity.\n\nSync works flawlessly across devices, and the offline mode has saved me multiple times. The developers are responsive and push updates regularly based on user feedback. If you're looking for a to-do app that stays out of your way while actually helping you get things done, this is it.",
35  reviewDate = "3 days ago",
36  reviewTitle = "TaskMaster - The simplest to-do app that actually works",
37  verified = true,
38}: Review_10Props = {}) {
39  const [isExpanded, setIsExpanded] = useState(false);
40  const [isReported, setIsReported] = useState(false);
41  const [voteState, setVoteState] = useState({
42    downvoted: initialDownvoted,
43    downvotes: initialDownvotes,
44    upvoted: initialUpvoted,
45    upvotes: initialUpvotes,
46  });
47 
48  // Handle sharing
49  const handleShare = () => {
50    if (navigator.share) {
51      navigator
52        .share({
53          text: `Check out this review of ${productName}`,
54          title: reviewTitle,
55// … truncated