review-07-block

1"use client";
2 
3import LikeRating from "@/components/commerce-ui/like-rating-basic";
4import { Button } from "@/components/ui/button";
5import {
6  Building,
7  Calendar,
8  Clock,
9  Frown,
10  MapPin,
11  Smile,
12  Users,
13} from "lucide-react";
14import { useState } from "react";
15 
16type StayType = "Solo" | "Couple" | "Family" | "Friends" | "Business";
17 
18interface Review_07Props {
19  reviewerName?: string;
20  reviewerCountry?: string;
21  reviewerAvatar?: string;
22  roomType?: string;
23  stayDuration?: number;
24  stayType?: StayType;
25  reviewTitle?: string;
26  reviewScore?: number;
27  positiveHighlight?: string;
28  negativeHighlight?: string;
29  reviewContent?: string;
30  reviewDate?: string;
31  initialLikes?: number;
32  initialDislikes?: number;
33  initialIsLiked?: boolean;
34  initialIsDisliked?: boolean;
35}
36 
37function Review_07({
38  initialDislikes = 3,
39  initialIsDisliked = false,
40  initialIsLiked = false,
41  initialLikes = 24,
42  negativeHighlight = "Bathroom could use an update, shower pressure was weak",
43  positiveHighlight = "Breathtaking ocean views and incredibly attentive staff",
44  reviewContent = "We stayed for a week in the Deluxe Ocean View Suite and were blown away by the panoramic views. Waking up to the sound of waves every morning was therapeutic. The staff went above and beyond, especially the concierge who helped us book local experiences. The room was spacious and the bed comfortable, though the bathroom fixtures showed signs of age. The breakfast buffet offered excellent variety and the rooftop pool area was never too crowded. Would definitely return, but would request a recently renovated room next time.",
45  reviewDate = "May 12, 2023",
46  reviewerAvatar = "https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/user-02.jpg",
47  reviewerCountry = "Spain",
48  reviewerName = "Maria Lopez",
49  reviewScore = 8.5,
50  reviewTitle = "Amazing view, excellent service",
51  roomType = "Deluxe Ocean View Suite",
52  stayDuration = 7,
53  stayType = "Couple",
54}: Review_07Props = {}) {
55  const [isExpanded, setIsExpanded] = useState(false);
56  const [likes, setLikes] = useState(initialLikes);
57  const [dislikes, setDislikes] = useState(initialDislikes);
58  const [isLiked, setIsLiked] = useState(initialIsLiked);
59  const [isDisliked, setIsDisliked] = useState(initialIsDisliked);
60 
61  // Format score for display (ensure it has one decimal place)
62  const formattedScore = reviewScore.toFixed(1);
63 
64  // Determine score color based on value
65  const getScoreColor = () => {
66// … truncated