update
This commit is contained in:
35
src/app/pages/Home/ReviewCustomer/ItemReview/index.tsx
Normal file
35
src/app/pages/Home/ReviewCustomer/ItemReview/index.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
'use client';
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import Image from 'next/image';
|
||||
import Link from 'next/link';
|
||||
|
||||
interface TypeReview {
|
||||
avatar: string;
|
||||
text: string;
|
||||
author: string;
|
||||
}
|
||||
|
||||
type ItemReviewProps = {
|
||||
item: TypeReview;
|
||||
};
|
||||
|
||||
const ItemReview: React.FC<ItemReviewProps> = ({ item }) => {
|
||||
return (
|
||||
<div className="item-review-customer-hompage relative flex items-center justify-between">
|
||||
<div className="left-review relative">
|
||||
<Image src={item.avatar} width={88} height={88} className="lazy" alt="avatar" />
|
||||
</div>
|
||||
<div className="right-reivew">
|
||||
<p className="text-reivew line-clamp-2">{item.text}</p>
|
||||
<b className="author-review font-[500]">{item.author}</b>
|
||||
<Image
|
||||
src="https://nguyencongpc.vn/static/assets/nguyencong_2023/images/5star-customer.png"
|
||||
width={80}
|
||||
height={15}
|
||||
alt="rating"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default ItemReview;
|
||||
Reference in New Issue
Block a user