diff --git a/src/components/product/ProductDetail/BoxInfoRight/index.tsx b/src/components/product/ProductDetail/BoxInfoRight/index.tsx index 52df2d5..e6a84fb 100644 --- a/src/components/product/ProductDetail/BoxInfoRight/index.tsx +++ b/src/components/product/ProductDetail/BoxInfoRight/index.tsx @@ -10,7 +10,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {

{item.product_info.productName}

-
Mã SP: {item.product_info.productSKU} @@ -32,7 +31,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {
)}
- {/* tình trạng */}
@@ -45,11 +43,8 @@ export const BoxInfoRight = (item: ProductDetailData) => {
)}
- {/* giá */} - - {item.product_info.specialOffer.all.length > 0 && (
@@ -66,7 +61,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {
)} - {/* mua hàng */} {(item.product_info.quantity > '0' || item.product_info.price > '0') && ( <> @@ -87,11 +81,7 @@ export const BoxInfoRight = (item: ProductDetailData) => { +{' '}

- addProductToCart(item.product_info.id, 0, '')} - className="addCart flex flex-wrap items-center justify-center gap-3" - > +

Thêm vào giỏ hàng

@@ -99,37 +89,24 @@ export const BoxInfoRight = (item: ProductDetailData) => {
- buyNow(item.product_info.id, 0, '')} - > + ĐẶT MUA NGAY Giao hàng tận nơi nhanh chóng - buyPayInstall(item.product_info.id, 0, '')} - > + TRẢ GÓP QUA HỒ SƠ Chỉ từ 2.665.000₫/ tháng - buyAlepay(item.product_info.id, 0, '')} - > + TRẢ GÓP QUA THẺ Chỉ từ 1.332.500₫/ tháng
)} - - {/* yên tâm mua hàng */} + n{/* yên tâm mua hàng */}

Yên tâm mua hàng

@@ -151,7 +128,6 @@ export const BoxInfoRight = (item: ProductDetailData) => {
- ); diff --git a/src/components/product/ProductDetail/ProductComment/FormComment/index.tsx b/src/components/product/ProductDetail/ProductComment/FormComment/index.tsx new file mode 100644 index 0000000..1cb1eb0 --- /dev/null +++ b/src/components/product/ProductDetail/ProductComment/FormComment/index.tsx @@ -0,0 +1,40 @@ +import React from 'react'; +interface FormCommentProps { + open: boolean; + onClose: () => void; +} +export const FormComment: React.FC = ({ open, onClose }) => { + return ( + + {' '} +
+

Nhập thông tin

+
+
+ + +
+ + + + + + +
+
+
+ +
+ + ); +}; diff --git a/src/components/product/ProductDetail/ProductComment/ListComment/index.tsx b/src/components/product/ProductDetail/ProductComment/ListComment/index.tsx new file mode 100644 index 0000000..43e08c2 --- /dev/null +++ b/src/components/product/ProductDetail/ProductComment/ListComment/index.tsx @@ -0,0 +1,72 @@ +import React, { useState } from 'react'; +import { ListCommentData } from '@/data/ListComment'; +import Image from 'next/image'; + +export const ListComment = () => { + return ( +
+ {ListCommentData.slice(0.3).map((item, index) => ( +
+
+ {/* header */} +
+
+ {item.user_avatar ? ( + + {item.user_name} + + ) : ( + + {' '} + {item.user_name.charAt(0)}{' '} + + )} + {item.user_name} +
+
+ {item.post_time} +
+
{' '} + {/* content */} +
+

{item.content}

+
+ + {' '} +
{' '} +
{' '} + {/* reply list */} +
+ {item.new_replies.map((reply) => ( +
+
+
+ {reply.user_avatar !== '0' ? ( + + {' '} + {reply.user_name}{' '} + + ) : ( + + {reply.user_name.charAt(0)} + + )} +
+ {reply.user_name} + {reply.is_user_admin === '1' && QTV} +
{' '} +
+
+ {new Date(Number(reply.post_time) * 1000).toLocaleDateString('vi-VN')} +
{' '} +
+
{reply.content}
{' '} +
+ ))} +
+
+
+ ))} +
+ ); +}; diff --git a/src/components/product/ProductDetail/ProductComment/index.tsx b/src/components/product/ProductDetail/ProductComment/index.tsx new file mode 100644 index 0000000..3771341 --- /dev/null +++ b/src/components/product/ProductDetail/ProductComment/index.tsx @@ -0,0 +1,32 @@ +import React, { useState } from 'react'; +import { FormComment } from './FormComment'; +import { ListComment } from './ListComment'; + +export const ProductComment: React.FC = () => { + const [open, setOpen] = useState(false); + return ( +
+

Hỏi và đáp

+
+
+ + +
+ setOpen(false)} /> +
+ + {/* list comment */} + +
+ ); +}; diff --git a/src/components/product/ProductDetail/ProductDescription/index.tsx b/src/components/product/ProductDetail/ProductDescription/index.tsx new file mode 100644 index 0000000..3e05e9e --- /dev/null +++ b/src/components/product/ProductDetail/ProductDescription/index.tsx @@ -0,0 +1,29 @@ +import { useState } from 'react'; +import { FaAngleDown, FaAngleUp } from 'react-icons/fa6'; +import type { ProductDetailData } from '@/types'; +import Link from 'next/link'; + +export const ProductDescription = (item: ProductDetailData) => { + const [expanded, setExpanded] = useState(false); + + if (!item.product_info.productDescription) return null; + + return ( +
+

Giới thiệu {item.product_info.productName}

+
+
setExpanded(!expanded)} + className="btn-article-col js-viewmore-content flex items-center justify-center gap-2 font-[500]" + > + {expanded ? 'Thu gọn' : 'Xem tất cả'} + {expanded ? : } +
+
+ ); +}; diff --git a/src/components/product/ProductDetail/ProductReview/FormReview/index.tsx b/src/components/product/ProductDetail/ProductReview/FormReview/index.tsx new file mode 100644 index 0000000..d79f007 --- /dev/null +++ b/src/components/product/ProductDetail/ProductReview/FormReview/index.tsx @@ -0,0 +1,137 @@ +import React from 'react'; + +export const FormReview: React.FC = () => { + return ( +
+ + +
+
+ + + + + + + + + + + + + + + + + +
+ + +
+
+ + + + + + + + + + + + + + +
+
+
Tên bạn + +
Email + +
+
+ +

+ + +
+
+ ); +}; diff --git a/src/components/product/ProductDetail/ProductReview/ListReview/index.tsx b/src/components/product/ProductDetail/ProductReview/ListReview/index.tsx new file mode 100644 index 0000000..f6d2077 --- /dev/null +++ b/src/components/product/ProductDetail/ProductReview/ListReview/index.tsx @@ -0,0 +1,122 @@ +import React, { useState } from 'react'; +import { ListReviewData } from '@/data/ListReview'; +import Image from 'next/image'; + +export const ListReview = () => { + const [showAll, setShowAll] = useState(false); + const visibleReviews = showAll ? ListReviewData : ListReviewData.slice(0, 3); + + return ( +
+ {visibleReviews.map((review) => { + const avatarLetter = review.user_name.charAt(0).toUpperCase(); + const date = new Date(Number(review.post_time) * 1000).toLocaleDateString('vi-VN'); + + return ( +
+
+ {/* header */} +
+
+ {review.user_avatar ? ( + + {review.user_name} + + ) : ( + + {avatarLetter} + + )} + {review.user_name} +
+
+ + {date} +
+
+ + {/* content */} +
+
+

+ Đánh giá: +

+

+ Nhận xét: + {review.content} +

+
+ + {/* feedback actions */} +
+ + +
+ + {/* images nếu có */} +
+ {review.files.map((file) => ( + {file.title} + ))} +
+
+ + {/* reply list */} +
+ {review.new_replies.map((reply) => ( +
+
+
+ + {reply.user_avatar !== '0' ? ( + {reply.user_name} + ) : ( + reply.user_name.charAt(0) + )} + +
+ {reply.user_name} + {reply.is_user_admin === '1' && QTV} +
+
+
+ ({reply.post_time}) +
+
+
{reply.content}
+
+ ))} +
+
+
+ ); + })} + + {!showAll && ListReviewData.length > 3 && ( + + )} + + {showAll && ( + + )} +
+ ); +}; diff --git a/src/components/product/ProductDetail/ProductReview/index.tsx b/src/components/product/ProductDetail/ProductReview/index.tsx new file mode 100644 index 0000000..bdf9240 --- /dev/null +++ b/src/components/product/ProductDetail/ProductReview/index.tsx @@ -0,0 +1,100 @@ +import React, { useState } from 'react'; +import { Review } from '@/types'; +import { FaStar } from 'react-icons/fa6'; +import { FormReview } from './FormReview'; +import { ListReview } from './ListReview'; + +interface Props { + ItemReview: Review; +} + +export const ProductReview: React.FC = ({ ItemReview }) => { + const [showForm, setShowForm] = useState(false); + + const { summary } = ItemReview; + const totalRate = summary.list_rate.reduce((acc, item) => acc + Number(item.total), 0); + + // Tạo object chứa số lượng và phần trăm cho từng sao const + const rates = { + rate1: Number(summary.list_rate.find((r) => r.rate === '1')?.total || 0), + rate2: Number(summary.list_rate.find((r) => r.rate === '2')?.total || 0), + rate3: Number(summary.list_rate.find((r) => r.rate === '3')?.total || 0), + rate4: Number(summary.list_rate.find((r) => r.rate === '4')?.total || 0), + rate5: Number(summary.list_rate.find((r) => r.rate === '5')?.total || 0), + }; + const percents = { + percent1: totalRate > 0 ? (rates.rate1 / totalRate) * 100 : 0, + percent2: totalRate > 0 ? (rates.rate2 / totalRate) * 100 : 0, + percent3: totalRate > 0 ? (rates.rate3 / totalRate) * 100 : 0, + percent4: totalRate > 0 ? (rates.rate4 / totalRate) * 100 : 0, + percent5: totalRate > 0 ? (rates.rate5 / totalRate) * 100 : 0, + }; + + return ( +
+

Bình luận và đánh giá

+
+
+
+
+ {summary.avgRate}/5 + +

{summary.total} đánh giá và nhận xét

+
+
+
+ {[5, 4, 3, 2, 1].map((rate) => { + const percent = percents[`percent${rate}` as keyof typeof percents]; + const total = rates[`rate${rate}` as keyof typeof rates]; + return ( +
+ + {rate} + +
+
+
+ + {total} đánh giá + +
+ ); + })} +
+
+
+

Bạn đánh giá sao sản phẩm này

+ {!showForm ? ( +
setShowForm(true)} + > + {' '} + Đánh giá ngay{' '} +
+ ) : ( +
setShowForm(false)} + > + {' '} + Đóng lại{' '} +
+ )} + + {/* form */} + {showForm && } + +
+ +
+ ); +}; diff --git a/src/components/product/ProductDetail/ProductSpec/index.tsx b/src/components/product/ProductDetail/ProductSpec/index.tsx new file mode 100644 index 0000000..a3013a2 --- /dev/null +++ b/src/components/product/ProductDetail/ProductSpec/index.tsx @@ -0,0 +1,45 @@ +import { useState } from 'react'; +import { FaAngleDown, FaAngleUp } from 'react-icons/fa6'; +import useFancybox from '@/hooks/useFancybox'; + +interface Props { + ItemSpec: string; +} + +export const ProductSpec: React.FC = ({ ItemSpec }) => { + const [fancyboxRef] = useFancybox({ + closeButton: 'auto', + dragToClose: true, + }); + + return ( +
+

Thông số kỹ thuật

+
+
+
+

Thông số kỹ thuật

+

+ +

+
+
+ {/* thay vì {{ page.product_info.productSpec }} bạn truyền từ props */} + {ItemSpec} +
+
+ + Xem đầy đủ thông số kỹ thuật + + +
+ ); +}; diff --git a/src/components/product/ProductDetail/index.tsx b/src/components/product/ProductDetail/index.tsx index 64da303..f300016 100644 --- a/src/components/product/ProductDetail/index.tsx +++ b/src/components/product/ProductDetail/index.tsx @@ -1,16 +1,28 @@ 'use client'; import React from 'react'; import Link from 'next/link'; +import { Swiper, SwiperSlide } from 'swiper/react'; +import { Autoplay, Navigation, Pagination } from 'swiper/modules'; + +// type import type { ProductDetailData } from '@/types'; + +// data import { productDetailData } from '@/data/product/detail'; +import { productData } from '@/data/ListProduct'; + import { findProductDetailBySlug } from '@/lib/product/productdetail'; import { ErrorLink } from '@/components/Common/error'; - import { Breadcrumb } from '@/components/Common/Breadcrumb'; import { ImageProduct } from './ImageProduct'; import { ProductSummary } from './ProductSummary'; import { ComboSetBox } from './ComboSet'; import { BoxInfoRight } from './BoxInfoRight'; +import ItemProduct from '@/components/Common/ItemProduct'; +import { ProductDescription } from './ProductDescription'; +import { ProductSpec } from './ProductSpec'; +import { ProductReview } from './ProductReview'; +import { ProductComment } from './ProductComment'; interface ProductDetailPageProps { slug: string; @@ -51,6 +63,65 @@ const ProductDetailPage: React.FC = ({ slug }) => {
+ {/* sản phẩm tương tự */} +
+
+
+

Sản phẩm tương tự

+
+
+ + {productData.map((item, index) => ( + + + + ))} + +
+
+
+ + {/* nội dung chi tiết sản phẩm */} +
+
+ {/* mô tả chi tiết sản phẩm */} + + {/* đánh giá sản phẩm */} + + {/* bình luận sản phẩm */} + +
+
+ +
+
+ {/* sản phẩm đã xem */} +
+
+
+

Sản phẩm đã xem

+
+
+ + {productData.map((item, index) => ( + + + + ))} + +
+
+
diff --git a/src/data/ListComment/index.tsx b/src/data/ListComment/index.tsx new file mode 100644 index 0000000..afbb307 --- /dev/null +++ b/src/data/ListComment/index.tsx @@ -0,0 +1,647 @@ +import { ProductCommentData } from '@/types/Comment'; + +export const ListCommentData: ProductCommentData[] = [ + { + id: '2434', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Nguyễn Thanh Tùng', + rate: '5', + title: 'Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA 4GB [TẶNG MÀN HÌNH]', + content: 'Cây này treo được bao nhiêu tab giả lập vậy ạ', + files: [], + approved: '1', + post_time: '1766807320', + counter: 1, + new_replies: [ + { + id: '1616', + comment_id: '2434', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1766824192', + }, + ], + }, + { + id: '2389', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Lưu Gia Dân ', + rate: '5', + title: 'Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB [TẶNG MÀN HÌNH]', + content: 'Bộ pc tặng màn hình này có ở sài gòn 0? Cụ thể là quận 10 cũ. ', + files: [], + approved: '1', + post_time: '1764736998', + counter: 2, + new_replies: [ + { + id: '1579', + comment_id: '2389', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Dạ bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB sẵn hàng tại HCM ạ', + post_time: '1764745059', + }, + ], + }, + { + id: '2377', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Phan Van Manh', + rate: '5', + title: 'Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB [TẶNG MÀN HÌNH]', + content: 'mình có như cầu mua, cần tư vấn thêm', + files: [], + approved: '1', + post_time: '1764322841', + counter: 3, + new_replies: [ + { + id: '1571', + comment_id: '2377', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1764383633', + }, + ], + }, + { + id: '2368', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Nguyen Van Phung', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'Bộ này em có sẵn màn LG UltraGear 24GS50F-B 24 inch Gắn dc kh ạ', + files: [], + approved: '1', + post_time: '1764167165', + counter: 4, + new_replies: [ + { + id: '1563', + comment_id: '2368', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: 'Dạ bộ Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB gắn được ạ', + post_time: '1764211206', + }, + ], + }, + { + id: '2362', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Xuân hữu', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'Bộ này chơi TFT FPS CÓ BỊ TỤT KHÔNG SHOP', + files: [], + approved: '1', + post_time: '1763897716', + counter: 5, + new_replies: [ + { + id: '1557', + comment_id: '2362', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Dạ bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB chơi TFT thoải mái ạ', + post_time: '1763950132', + }, + ], + }, + { + id: '2341', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'dat phan', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'Bộ này dùng để code được kh ạ\n', + files: [], + approved: '1', + post_time: '1763463359', + counter: 6, + new_replies: [ + { + id: '1546', + comment_id: '2341', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Dạ code được ạ. Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1763536700', + }, + ], + }, + { + id: '2291', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Tú nè nè', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'Có giảm gì không anh em còn đúng 10tr', + files: [], + approved: '1', + post_time: '1762067763', + counter: 7, + new_replies: [ + { + id: '1506', + comment_id: '2291', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: 'Dạ bộ PC có chương trình tặng màn hình ạ.', + post_time: '1762136212', + }, + ], + }, + { + id: '2282', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Nguyễn Văn Sáu', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: + 'Shop ơi mình chưa lắp pc bao giờ shop có hỗ trợ lắp đặt ở Phú Thọ k ạ, mình ở Phú Thọ', + files: [], + approved: '1', + post_time: '1761828423', + counter: 8, + new_replies: [ + { + id: '1499', + comment_id: '2282', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1761875528', + }, + ], + }, + { + id: '2260', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '0', + is_user_admin: '0', + user_avatar: '', + user_name: 'Trần Huy', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: + 'Mình đặt hàng từ lúc giá là 10tr9 mà không được liên hệ tư vấn, đến nay lên 11tr4 rồi thì giá lúc đặt hàng vẫn áp dụng chứ ?', + files: [], + approved: '0', + post_time: '1761133383', + counter: 9, + new_replies: [], + }, + { + id: '2253', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Minh Hải Nguyễn', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'Shop ơi bộ này kèm cả case và màn đúng không ạ?\n', + files: [], + approved: '1', + post_time: '1760971409', + counter: 10, + new_replies: [ + { + id: '1473', + comment_id: '2253', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: 'Dạ bộ PC đã kèm vỏ ạ và được tặng màn hình ạ', + post_time: '1761011806', + }, + ], + }, + { + id: '2222', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'thái 0507', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'bộ này có màn k ạ\n', + files: [], + approved: '1', + post_time: '1759637210', + counter: 11, + new_replies: [ + { + id: '1449', + comment_id: '2222', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: 'Dạ bộ này có tặng màn hình ạ', + post_time: '1759715368', + }, + ], + }, + { + id: '2161', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Hải Đăng', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'Shop có quyẹt thẻ tín dụng tốn phí ko nhỉ', + files: [], + approved: '1', + post_time: '1757032318', + counter: 12, + new_replies: [ + { + id: '1393', + comment_id: '2161', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1757038972', + }, + ], + }, + { + id: '2096', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Bui Van Giang', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'shop co mua dc phu kien roi ko', + files: [], + approved: '1', + post_time: '1755095868', + counter: 13, + new_replies: [ + { + id: '1336', + comment_id: '2096', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1755135208', + }, + ], + }, + { + id: '1991', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'phạm long', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: + 'bên shop miễn phí lắp đặt nhà ở hà nội ko shop hay tính bao nhiêu phí nữa như là vânhj chuyển ', + files: [], + approved: '1', + post_time: '1751287702', + counter: 14, + new_replies: [ + { + id: '1247', + comment_id: '1991', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: 'Chào bạn, shop miễn phí lắp đặt bán kính 20km nội thành ạ', + post_time: '1751334482', + }, + ], + }, + { + id: '1978', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Nguyễn Xuân Hùng ', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'Giá 10tr590 là kèm màn hình luôn hả shop ', + files: [], + approved: '1', + post_time: '1751003230', + counter: 15, + new_replies: [ + { + id: '1237', + comment_id: '1978', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Dạ đúng rồi ạ. Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1751006270', + }, + ], + }, + { + id: '1977', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Nguyễn Xuân Hùng ', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: + 'Mình mua kèm card wifi thì shop gắn vào pc luôn hay là mình nhận được hàng rồi tự gắn vậy shop', + files: [], + approved: '1', + post_time: '1750987766', + counter: 16, + new_replies: [ + { + id: '1236', + comment_id: '1977', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Chào bạn, bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1750988487', + }, + ], + }, + { + id: '1974', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Nguyễn hải Dăng ', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'vga chuyển từ rx 6500 xt sang 1660ti thì bộ này nhiêu v shop ', + files: [], + approved: '1', + post_time: '1750897125', + counter: 17, + new_replies: [ + { + id: '1231', + comment_id: '1974', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1750902650', + }, + ], + }, + { + id: '1972', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'La Thanh Ki ', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB', + content: 'bộ này chuyển từ rx 6500xt sang 1660super thì nhiêu shop ', + files: [], + approved: '1', + post_time: '1750862925', + counter: 18, + new_replies: [ + { + id: '1232', + comment_id: '1972', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: + 'Bạn vui lòng liên hệ 0828.333.363, nhân viên kinh doanh bên mình sẽ tư vấn cụ thể nhé', + post_time: '1750902659', + }, + ], + }, + { + id: '1941', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Minh Tú', + rate: '5', + title: '[TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA 4GB', + content: 'Màn tặng hả shop', + files: [], + approved: '1', + post_time: '1749125191', + counter: 19, + new_replies: [ + { + id: '1205', + comment_id: '1941', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: 'Dạ, mua PC được tặng màn hình ạ', + post_time: '1749184735', + }, + ], + }, + { + id: '1757', + item_type: 'product', + item_id: '25404', + people_like_count: '0', + people_dislike_count: '0', + reply_count: '1', + is_user_admin: '0', + user_avatar: '', + user_name: 'Hoang ky', + rate: '5', + title: 'BỘ PC GAMING AMD Ryzen 5 5500/ RAM 16GB/ VGA 4G ', + content: 'ổ có cài win sẵn không ạ', + files: [], + approved: '1', + post_time: '1741874131', + counter: 20, + new_replies: [ + { + id: '1113', + comment_id: '1757', + user_avatar: '0', + user_name: 'Trần Mạnh', + is_user_admin: '1', + people_like_count: '0', + approved: '0', + people_dislike_count: '0', + content: 'Dạ có ạ', + post_time: '1748338266', + }, + ], + }, +]; diff --git a/src/data/ListProduct/index.tsx b/src/data/ListProduct/index.tsx new file mode 100644 index 0000000..7ce83ed --- /dev/null +++ b/src/data/ListProduct/index.tsx @@ -0,0 +1,2190 @@ +import { TypeListProduct } from '@/types'; + +export const productData: TypeListProduct = [ + { + id: 28454, + productId: 28454, + priceUnit: 'chiếc', + marketPrice: 3690000, + price: '2990000', + price_off: 19, + currency: 'vnd', + sale_rules: { + price: '2990000', + normal_price: 2990000, + min_purchase: '1', + max_purchase: '0', + remain_quantity: 437, + from_time: '1765933200', + to_time: '1766543400', + type: 'deal', + }, + lastUpdate: '2025-12-04 14:48:30', + warranty: '36 tháng', + productName: 'Màn Hình Gaming Cong MSI MAG 276CF E20 (27 inch, VA, FHD, 200Hz, 0.5ms)', + productSummary: + 'Mã sản phẩm: MAG 276CF E20\r\nKích thước: 27 inch\r\nĐộ phân giải: Full HD (1920 × 1080)\r\nTấm nền: VA nhanh\r\nTần số quét: 200Hz\r\nThời gian phản hồi: 0,5ms (GtG)', + package_accessory: '', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-112.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-112.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-112.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-112.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-03.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-03.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-04.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-04.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-02.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-02.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-05.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-05.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-01.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-01.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-gaming-cong-msi-mag-276cf-e20', + brand: { + id: 5, + brand_index: 'msi', + name: 'MSI', + image: '', + url: '/brand/msi', + }, + visit: 787, + rating: 0, + reviewCount: 0, + review: { + rate: 0, + total: 0, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 437, + productSKU: 'MH0000414', + productModel: '', + hasVAT: 0, + condition: 'Mới', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + all: [], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 0, + isBestSale: 0, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + pixel_code: '', + review_count: '55', + review_score: '4.6', + }, + weight: 0, + promotion_price: null, + deal_list: [ + { + id: '561', + pro_id: '28454', + title: 'Màn Hình Gaming Cong MSI MAG 276CF E20 (27 inch, VA, FHD, 200Hz, 0.5ms)', + price: '2990000', + quantity: '5', + min_purchase: '1', + max_purchase: '0', + is_featured: '0', + from_time: '1765933200', + to_time: '1766543400', + is_started: 1, + }, + ], + pricing_traces: [ + { + price: '2990000', + type: 'deal', + type_id: '561', + }, + ], + categories: [ + { + id: '3364', + catPath: ':3364:3500:281:0', + name: 'Màn Hình MSI', + url: '/man-hinh-msi', + }, + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3509', + catPath: ':3509:3501:281:0', + name: 'Màn hình 27 inches', + url: '/man-hinh-27-inches', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3528', + catPath: ':3528:281:0', + name: 'CHỌN TẦN SỐ QUÉT', + url: '/tan-so-quet', + }, + { + id: '3537', + catPath: ':3537:3528:281:0', + name: '200 Hz', + url: '/200-hz', + }, + ], + }, + { + id: 25185, + productId: 25185, + priceUnit: 'chiếc', + marketPrice: 2400000, + price: 1850000, + price_off: 23, + currency: 'vnd', + sale_rules: { + price: 1850000, + normal_price: 1850000, + min_purchase: 1, + max_purchase: 271, + remain_quantity: 271, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-05-28 09:17:26', + warranty: '36 Tháng ', + productName: 'Màn Hình VSP IP2407SG /IPS/ 24 Inch/ FHD/ 1ms/ 100Hz', + productSummary: + ' Mã sản phẩm: IP2407SG\r\nMàu sắc: Black\r\nKích cỡ màn hình: 23.8"\r\nTỉ lệ khung hình: 16:9\r\nTốc độ phản hồi: 1ms (OD)\r\nMàu sắc hỗ trợ: 6500K\r\nMàu sắc hiển thị: 16.7M\r\n\r\n', + package_accessory: '', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-ips.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-ips.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-ips.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-ips.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-29ff88be23d78f89d6c6.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-29ff88be23d78f89d6c6.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-6727827a2913854ddc02.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-6727827a2913854ddc02.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-13.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-13.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-27.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-27.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-26.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-26.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-20.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-20.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-19.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-19.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-17.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-17.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-13-2.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-13-2.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-5.jpeg', + large: 'https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-5.jpeg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-12-2.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-12-2.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-12.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-12.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-04.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-04.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-02.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-02.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-01-2.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-01-2.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-01.jpg', + large: 'https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-01.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-1.jpeg', + large: 'https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-1.jpeg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-2.jpeg', + large: 'https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-2.jpeg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-4.jpeg', + large: 'https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-4.jpeg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-vsp-ip2407s-ips', + brand: { + id: 153, + brand_index: 'vsp', + name: 'VSP', + image: '', + url: '/brand/vsp', + }, + visit: 45490, + rating: 5, + reviewCount: 1, + review: { + rate: 5, + total: 1, + }, + comment: { + rate: 5, + total: 6, + }, + quantity: 271, + productSKU: 'MH0000138', + productModel: '', + hasVAT: 0, + condition: 'Mới ', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + other: [ + { + id: 0, + title: + '

 

\r\n

⭐ Mua thêm giá treo màn hình giảm giá thêm 5%

\r\n

 

', + type: '', + thumbnail: '', + cash_value: 0, + quantity: 1, + from_time: '', + to_time: '', + url: '', + description: '', + status: 1, + }, + ], + all: [ + { + id: 0, + title: + '

 

\r\n

⭐ Mua thêm giá treo màn hình giảm giá thêm 5%

\r\n

 

', + type: '', + thumbnail: '', + cash_value: 0, + quantity: 1, + from_time: '', + to_time: '', + url: '', + description: '', + status: 1, + }, + ], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 1, + isBestSale: 1, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '2944', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3507', + catPath: ':3507:3501:281:0', + name: 'Màn hình 24 inches', + url: '/man-hinh-24-inches', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3531', + catPath: ':3531:3528:281:0', + name: '100 Hz', + url: '/100-hz', + }, + { + id: '3634', + catPath: ':3634:3500:281:0', + name: 'Màn hình VSP', + url: '/man-hinh-vsp', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '3528', + catPath: ':3528:281:0', + name: 'CHỌN TẦN SỐ QUÉT', + url: '/tan-so-quet', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3705', + catPath: ':3705:0', + name: 'MÀN HÌNH PHỤ', + url: '/man-hinh-phu', + }, + ], + }, + { + id: 28510, + productId: 28510, + priceUnit: 'chiếc', + marketPrice: 2690000, + price: 2050000, + price_off: 24, + currency: 'vnd', + sale_rules: { + price: 2050000, + normal_price: 2050000, + min_purchase: 1, + max_purchase: 100, + remain_quantity: 100, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-12-20 09:32:53', + warranty: '24 tháng', + productName: 'Màn hình EDRA EGM27F120S (27 inch, IPS, FHD, 120Hz, 1ms)', + productSummary: + 'Loại màn hình: Màn hình phẳng\r\nTỉ lệ: 16:9\r\nKích thước: 27 inch\r\nTấm nền: IPS\r\nGóc nhìn: 178° / 178°\r\nĐộ phân giải: FHD (1920x1080)', + package_accessory: '', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-04.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-04.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-04.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-04.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-01.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-01.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-02.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-02.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-03.jpg', + large: 'https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-03.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-edra-egm27f120s-27-inch-ips-fhd-120hz-1ms', + brand: { + id: 54, + brand_index: 'e-dra', + name: 'E-DRA', + image: '', + url: '/brand/e-dra', + }, + visit: 35, + rating: 0, + reviewCount: 0, + review: { + rate: 0, + total: 0, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 100, + productSKU: 'MH0000421', + productModel: '', + hasVAT: 0, + condition: 'Mới', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + all: [], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 0, + isBestSale: 0, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + pixel_code: '', + review_count: '53', + review_score: '4.7', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [ + { + price: '2990000', + type: 'deal', + type_id: '561', + }, + ], + categories: [ + { + id: '3724', + catPath: ':3724:3500:281:0', + name: 'Màn hình E-Dra', + url: '/man-hinh-e-dra', + }, + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3509', + catPath: ':3509:3501:281:0', + name: 'Màn hình 27 inches', + url: '/man-hinh-27-inches', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + ], + }, + { + id: 27415, + productId: 27415, + priceUnit: 'chiếc', + marketPrice: 3400000, + price: 2400000, + price_off: 28.999999999999996, + currency: 'vnd', + sale_rules: { + price: 2400000, + normal_price: 2400000, + min_purchase: 1, + max_purchase: 89, + remain_quantity: 89, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-03-19 09:12:18', + warranty: '36 Tháng', + productName: 'Màn Hình ASUS VA259HGA (24.5 inch | FHD | IPS | 120Hz | 1m | Loa)', + productSummary: + 'Kích thước: 24.5 inch\r\nĐộ phân giải: FHD 1920 x 1080\r\nCông nghệ tấm nền: IPS\r\nTần số quét: 120Hz\r\nThời gian phản hồi: 1ms\r\nTích hợp loa: 2x 2W\r\nĐộ sáng: 300 nits\r\nTỉ lệ tương phản: 1500:1\r\nTương thích ngàm VESA: 100 x 100 mm', + package_accessory: '', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-27415-asus-va259hga-10101.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27415-asus-va259hga-10101.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27415-va259hga.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27415-va259hga.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27415-asus-va259hga-10101.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27415-asus-va259hga-10101.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-asus-va259hga-245-inch-fhd-ips-120hz-1m-loa', + brand: { + id: 4, + brand_index: 'asus', + name: 'ASUS', + image: '', + url: '/brand/asus', + }, + visit: 5130, + rating: 0, + reviewCount: 0, + review: { + rate: 0, + total: 0, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 89, + productSKU: 'MH0000332', + productModel: '', + hasVAT: 0, + condition: 'Mới', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + all: [], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 0, + isBestSale: 0, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '26', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '2455', + catPath: ':2455:3500:281:0', + name: 'Màn hình Asus', + url: '/man-hinh-asus', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3508', + catPath: ':3508:3501:281:0', + name: 'Màn hình 25 inches', + url: '/man-hinh-25-inches', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3705', + catPath: ':3705:0', + name: 'MÀN HÌNH PHỤ', + url: '/man-hinh-phu', + }, + ], + }, + { + id: 27440, + productId: 27440, + priceUnit: 'chiếc', + marketPrice: 3990000, + price: 2990000, + price_off: 25, + currency: 'vnd', + sale_rules: { + price: 2990000, + normal_price: 2990000, + min_purchase: 1, + max_purchase: 66, + remain_quantity: 66, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-11-22 09:34:50', + warranty: '36 Tháng', + productName: 'Màn hình Gigabyte GS27FA (27 inch | Full HD | IPS | 180Hz | 1ms)', + productSummary: + 'Kích thước: 27 inch\r\nĐộ phân giải: FHD 1920 x 1080\r\nCông nghệ tấm nền: IPS\r\nTần số quét: 180Hz\r\nThời gian phản hồi: 1ms', + package_accessory: '', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-27440-gigabyte-gs27fa-111.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-gigabyte-gs27fa-111.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-gigabyte-gs27fa-111.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-gigabyte-gs27fa-111.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-2.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-2.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-3.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-3.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-4.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-4.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-5.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-5.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-6.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-6.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc1.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc1.jpg', + original: '', + }, + alt: '5', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc3.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc3.jpg', + original: '', + }, + alt: '4', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc2.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc2.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-gigabyte-gs27fa', + brand: { + id: 2, + brand_index: 'gigabyte', + name: 'Gigabyte', + image: '', + url: '/brand/gigabyte', + }, + visit: 6232, + rating: 5, + reviewCount: 1, + review: { + rate: 5, + total: 1, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 66, + productSKU: 'MH0000337', + productModel: '', + hasVAT: 0, + condition: 'Mới', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + all: [], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 0, + isBestSale: 0, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '482', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '3303', + catPath: ':3303:3500:281:0', + name: 'Màn hình Gigabyte', + url: '/man-hinh-gigabyte', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3509', + catPath: ':3509:3501:281:0', + name: 'Màn hình 27 inches', + url: '/man-hinh-27-inches', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3528', + catPath: ':3528:281:0', + name: 'CHỌN TẦN SỐ QUÉT', + url: '/tan-so-quet', + }, + { + id: '3697', + catPath: ':3697:3528:281:0', + name: '180hz', + url: '/180hz', + }, + { + id: '3705', + catPath: ':3705:0', + name: 'MÀN HÌNH PHỤ', + url: '/man-hinh-phu', + }, + ], + }, + { + id: 18771, + productId: 18771, + priceUnit: 'chiếc', + marketPrice: 10080000, + price: 8150000, + price_off: 19, + currency: 'vnd', + sale_rules: { + price: 8150000, + normal_price: 8150000, + min_purchase: 1, + max_purchase: 65, + remain_quantity: 65, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-11-29 08:56:10', + warranty: '36 tháng', + productName: 'Màn hình ASUS ProArt PA278CV (27 inch/ QHD 2K/ IPS/ 75Hz)', + productSummary: '', + package_accessory: '', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-18771-asus-proart-pa278cv-1010101.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-asus-proart-pa278cv-1010101.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-asus-proart-pa278cv-1010101.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-asus-proart-pa278cv-1010101.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-03c.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-03c.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-02c.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-02c.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-01-c.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-01-c.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-04c.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-04c.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-05c.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-05c.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-06c.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-06c.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-07.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-07.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-08.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-08.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-09.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-09.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-10.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-10.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-11.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-11.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-18771-pa278cv-12.jpg', + large: 'https://nguyencongpc.vn/media/product/250-18771-pa278cv-12.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-asus-proart-pa278cv-27-inch-qhd-2k-ips-75hz', + brand: { + id: 4, + brand_index: 'asus', + name: 'ASUS', + image: '', + url: '/brand/asus', + }, + visit: 11469, + rating: 9, + reviewCount: 5, + review: { + rate: 9, + total: 5, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 65, + productSKU: 'SP3081023', + productModel: '0', + hasVAT: 0, + condition: 'Mới ', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + other: [ + { + id: 0, + title: + '

Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây

', + type: '', + thumbnail: '', + cash_value: 0, + quantity: 1, + from_time: '', + to_time: '', + url: '', + description: '', + status: 1, + }, + ], + all: [ + { + id: 0, + title: + '

Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây

', + type: '', + thumbnail: '', + cash_value: 0, + quantity: 1, + from_time: '', + to_time: '', + url: '', + description: '', + status: 1, + }, + ], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 0, + isBestSale: 1, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '689', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '2455', + catPath: ':2455:3500:281:0', + name: 'Màn hình Asus', + url: '/man-hinh-asus', + }, + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3624', + catPath: ':3624:281:0', + name: 'MÀN HÌNH ĐỒ HỌA', + url: '/man-hinh-do-hoa', + }, + { + id: '3705', + catPath: ':3705:0', + name: 'MÀN HÌNH PHỤ', + url: '/man-hinh-phu', + }, + ], + }, + { + id: 16528, + productId: 16528, + priceUnit: 'chiếc', + marketPrice: 5880000, + price: 4790000, + price_off: 19, + currency: 'vnd', + sale_rules: { + price: 4790000, + normal_price: 4790000, + min_purchase: 1, + max_purchase: 60, + remain_quantity: 60, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-08-13 13:59:51', + warranty: '36 Tháng', + productName: 'Màn hình Asus ProArt PA248QV 24.1 inch IPS FHD - Chuyên Đồ Họa', + productSummary: '', + package_accessory: '', + productImage: { + small: + 'https://nguyencongpc.vn/media/product/75-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: + 'https://nguyencongpc.vn/media/product/75-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-pa248qv-06.jpg', + large: 'https://nguyencongpc.vn/media/product/250-16528-pa248qv-06.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-pa248qv-07.jpg', + large: 'https://nguyencongpc.vn/media/product/250-16528-pa248qv-07.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-pa248qv-01.jpg', + large: 'https://nguyencongpc.vn/media/product/250-16528-pa248qv-01.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-pa248qv-02.jpg', + large: 'https://nguyencongpc.vn/media/product/250-16528-pa248qv-02.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-pa248qv-03.jpg', + large: 'https://nguyencongpc.vn/media/product/250-16528-pa248qv-03.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-proart-pa248qv-011a9788.JPG', + large: 'https://nguyencongpc.vn/media/product/250-16528-proart-pa248qv-011a9788.JPG', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-pa248qv-04.jpg', + large: 'https://nguyencongpc.vn/media/product/250-16528-pa248qv-04.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-pa248qv-05.jpg', + large: 'https://nguyencongpc.vn/media/product/250-16528-pa248qv-05.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-16528-proart-pa248qv-011a9787.JPG', + large: 'https://nguyencongpc.vn/media/product/250-16528-proart-pa248qv-011a9787.JPG', + original: '', + }, + alt: '', + }, + { + image: { + small: + 'https://nguyencongpc.vn/media/product/75-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-001.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-001.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-asus-proart-pa248qv-24fhd1610ips100-srgb100-rec709', + brand: { + id: 4, + brand_index: 'asus', + name: 'ASUS', + image: '', + url: '/brand/asus', + }, + visit: 47636, + rating: 7, + reviewCount: 5, + review: { + rate: 7, + total: 5, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 60, + productSKU: 'SP002020', + productModel: '0', + hasVAT: 0, + condition: 'Mới ', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + other: [ + { + id: 0, + title: + '

⭐ Mua thêm giá treo màn hình giảm giá thêm 5%

\r\n

=> Xem thêm tại: Tại đây

\r\n

⭐ Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây

', + type: '', + thumbnail: '', + cash_value: 0, + quantity: 1, + from_time: '', + to_time: '', + url: '', + description: '', + status: 1, + }, + ], + all: [ + { + id: 0, + title: + '

⭐ Mua thêm giá treo màn hình giảm giá thêm 5%

\r\n

=> Xem thêm tại: Tại đây

\r\n

⭐ Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây

', + type: '', + thumbnail: '', + cash_value: 0, + quantity: 1, + from_time: '', + to_time: '', + url: '', + description: '', + status: 1, + }, + ], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 1, + isBestSale: 1, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '689', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '2455', + catPath: ':2455:3500:281:0', + name: 'Màn hình Asus', + url: '/man-hinh-asus', + }, + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3507', + catPath: ':3507:3501:281:0', + name: 'Màn hình 24 inches', + url: '/man-hinh-24-inches', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3528', + catPath: ':3528:281:0', + name: 'CHỌN TẦN SỐ QUÉT', + url: '/tan-so-quet', + }, + { + id: '3624', + catPath: ':3624:281:0', + name: 'MÀN HÌNH ĐỒ HỌA', + url: '/man-hinh-do-hoa', + }, + { + id: '3705', + catPath: ':3705:0', + name: 'MÀN HÌNH PHỤ', + url: '/man-hinh-phu', + }, + ], + }, + { + id: 28246, + productId: 28246, + priceUnit: 'chiếc', + marketPrice: 5550000, + price: 4250000, + price_off: 23, + currency: 'vnd', + sale_rules: { + price: 4250000, + normal_price: 4250000, + min_purchase: 1, + max_purchase: 54, + remain_quantity: 54, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-11-21 09:35:54', + warranty: '36 tháng tại Nguyễn Công PC', + productName: 'Màn hình Dell P2425H NK (23.8 inch, FHD, IPS, 100Hz, 5ms)', + productSummary: + 'Kiểu dáng màn hình: Phẳng\r\nTỉ lệ khung hình: 16:9\r\nKích thước mặc định: 23.8 inch\r\nCông nghệ tấm nền: IPS\r\nPhân giải điểm ảnh: FHD - 1920 x 1080\r\nĐộ sáng hiển thị: 250 cd/m2 (typical)\r\nTần số quét màn: 100 Hz (Hertz)\r\n', + package_accessory: '0', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-28246-', + large: 'https://nguyencongpc.vn/media/product/250-28246-', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-28246-', + large: 'https://nguyencongpc.vn/media/product/250-28246-', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-26969-vinh--28-.png', + large: 'https://nguyencongpc.vn/media/product/250-26969-vinh--28-.png', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-26969-vinh--29-.png', + large: 'https://nguyencongpc.vn/media/product/250-26969-vinh--29-.png', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-26969-vinh--30-.png', + large: 'https://nguyencongpc.vn/media/product/250-26969-vinh--30-.png', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-dell-p2425h-nk', + brand: { + id: 20, + brand_index: 'dell', + name: 'DELL', + image: '', + url: '/brand/dell', + }, + visit: 482, + rating: 0, + reviewCount: 0, + review: { + rate: 0, + total: 0, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 54, + productSKU: 'MH0000403', + productModel: '', + hasVAT: 0, + condition: 'Mới', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + all: [], + }, + specialOfferGroup: [], + productType: { + isNew: 1, + isHot: 0, + isBestSale: 1, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '14', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3528', + catPath: ':3528:281:0', + name: 'CHỌN TẦN SỐ QUÉT', + url: '/tan-so-quet', + }, + { + id: '522', + catPath: ':522:3500:281:0', + name: 'Màn hình Dell', + url: '/man-hinh-dell', + }, + { + id: '3507', + catPath: ':3507:3501:281:0', + name: 'Màn hình 24 inches', + url: '/man-hinh-24-inches', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3531', + catPath: ':3531:3528:281:0', + name: '100 Hz', + url: '/100-hz', + }, + { + id: '3624', + catPath: ':3624:281:0', + name: 'MÀN HÌNH ĐỒ HỌA', + url: '/man-hinh-do-hoa', + }, + ], + }, + { + id: 27774, + productId: 27774, + priceUnit: 'chiếc', + marketPrice: 2390000, + price: 1850000, + price_off: 23, + currency: 'vnd', + sale_rules: { + price: 1850000, + normal_price: 1850000, + min_purchase: 1, + max_purchase: 50, + remain_quantity: 50, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-11-26 09:37:38', + warranty: '24 tháng', + productName: 'Màn Hình EDRA EGM24F100s 24 inch, FHD, IPS, 100Hz', + productSummary: + 'Kiểu dáng màn hình: Phẳng\r\nTỉ lệ khung hình: 16:9\r\nKích thước mặc định: 23.8 inch\r\nCông nghệ tấm nền: IPS\r\nPhân giải điểm ảnh: FHD - 1920 x 1080\r\nChỉ số màu sắc: 16.7 triệu màu\r\nĐộ sáng hiển thị: 250 Nits cd/m2\r\nTần số quét màn: Real 100Hz (Hertz)\r\nThời gian đáp ứng: 1ms (MPRT)', + package_accessory: '0', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-27774-', + large: 'https://nguyencongpc.vn/media/product/250-27774-', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27774-', + large: 'https://nguyencongpc.vn/media/product/250-27774-', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27774-edra-egm24f100h-2.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27774-edra-egm24f100h-2.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27774-edra-egm24f100h-3.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27774-edra-egm24f100h-3.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27774-edra-egm24f100h-4.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27774-edra-egm24f100h-4.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-edra-egm24f100s', + brand: { + id: 54, + brand_index: 'e-dra', + name: 'E-DRA', + image: '', + url: '/brand/e-dra', + }, + visit: 4501, + rating: 0, + reviewCount: 0, + review: { + rate: 0, + total: 0, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 50, + productSKU: 'MH0000364', + productModel: '', + hasVAT: 0, + condition: 'Mới', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + all: [], + }, + specialOfferGroup: [], + productType: { + isNew: 1, + isHot: 0, + isBestSale: 0, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '433', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '3724', + catPath: ':3724:3500:281:0', + name: 'Màn hình E-Dra', + url: '/man-hinh-e-dra', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '3507', + catPath: ':3507:3501:281:0', + name: 'Màn hình 24 inches', + url: '/man-hinh-24-inches', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3531', + catPath: ':3531:3528:281:0', + name: '100 Hz', + url: '/100-hz', + }, + { + id: '3528', + catPath: ':3528:281:0', + name: 'CHỌN TẦN SỐ QUÉT', + url: '/tan-so-quet', + }, + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3705', + catPath: ':3705:0', + name: 'MÀN HÌNH PHỤ', + url: '/man-hinh-phu', + }, + ], + }, + { + id: 27506, + productId: 27506, + priceUnit: 'chiếc', + marketPrice: 4990000, + price: 2980000, + price_off: 40, + currency: 'vnd', + sale_rules: { + price: 2980000, + normal_price: 2980000, + min_purchase: 1, + max_purchase: 47, + remain_quantity: 47, + from_time: 0, + to_time: 0, + type: '', + }, + lastUpdate: '2025-11-26 09:37:04', + warranty: '36 Tháng', + productName: 'Màn hình Gigabyte G25F2 (24.5 inch | FHD | IPS | 200Hz | 1ms)', + productSummary: + 'Màn hình: 24.5 inch\r\nĐộ phân giải: FHD 1920 x 1080\r\nCông nghệ tấm nền: IPS\r\nTần số quét: 200Hz\r\nThời gian phản hồi: 1ms', + package_accessory: '', + productImage: { + small: 'https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-0101.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-0101.jpg', + original: '', + }, + imageCollection: [ + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-1.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-1.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: + 'https://nguyencongpc.vn/media/product/75-27506-z6424384613249_4a6196e32517593cef80e8179277f24a.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-27506-z6424384613249_4a6196e32517593cef80e8179277f24a.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: + 'https://nguyencongpc.vn/media/product/75-27506-z6424384619148_9b8b4dcfc3e31bfc0173cbfeaebbf9c8.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-27506-z6424384619148_9b8b4dcfc3e31bfc0173cbfeaebbf9c8.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: + 'https://nguyencongpc.vn/media/product/75-27506-z6424384625286_f2dc55c44c74851450376362d0aa4c10.jpg', + large: + 'https://nguyencongpc.vn/media/product/250-27506-z6424384625286_f2dc55c44c74851450376362d0aa4c10.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-2.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-2.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-3.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-3.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-8.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-8.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-10.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-10.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27506-gigabyteg25f2.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-gigabyteg25f2.jpg', + original: '', + }, + alt: '', + }, + { + image: { + small: 'https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-0101.jpg', + large: 'https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-0101.jpg', + original: '', + }, + alt: '', + }, + ], + productUrl: '/man-hinh-gigabyte-g25f2', + brand: { + id: 2, + brand_index: 'gigabyte', + name: 'Gigabyte', + image: '', + url: '/brand/gigabyte', + }, + visit: 7195, + rating: 0, + reviewCount: 0, + review: { + rate: 0, + total: 0, + }, + comment: { + rate: 0, + total: 0, + }, + quantity: 47, + productSKU: 'MH0000336', + productModel: '', + hasVAT: 0, + condition: 'Mới', + config_count: 0, + configurable: 0, + component_count: 0, + specialOffer: { + all: [], + }, + specialOfferGroup: [], + productType: { + isNew: 0, + isHot: 0, + isBestSale: 0, + isSaleOff: 0, + 'online-only': 0, + }, + bulk_price: [], + thum_poster: '0', + thum_poster_type: '', + addon: [], + variants: [], + variant_option: [], + extend: { + buy_count: '221', + }, + weight: 0, + promotion_price: null, + deal_list: [], + pricing_traces: [], + categories: [ + { + id: '281', + catPath: ':281:0', + name: 'MÀN HÌNH MÁY TÍNH', + url: '/man-hinh-may-tinh', + }, + { + id: '3500', + catPath: ':3500:281:0', + name: 'CHỌN THEO HÃNG', + url: '/chon-theo-hang-1-2', + }, + { + id: '3303', + catPath: ':3303:3500:281:0', + name: 'Màn hình Gigabyte', + url: '/man-hinh-gigabyte', + }, + { + id: '3501', + catPath: ':3501:281:0', + name: 'CHỌN THEO KÍCH THƯỚC', + url: '/chon-theo-kich-thuoc', + }, + { + id: '3508', + catPath: ':3508:3501:281:0', + name: 'Màn hình 25 inches', + url: '/man-hinh-25-inches', + }, + { + id: '3515', + catPath: ':3515:281:0', + name: 'CHỌN ĐỘ PHÂN GIẢI', + url: '/chon-do-phan-giai', + }, + { + id: '3519', + catPath: ':3519:3515:281:0', + name: '1920 x 1080 (FHD)', + url: '/1920-x-1080-fhd', + }, + { + id: '3528', + catPath: ':3528:281:0', + name: 'CHỌN TẦN SỐ QUÉT', + url: '/tan-so-quet', + }, + { + id: '3537', + catPath: ':3537:3528:281:0', + name: '200 Hz', + url: '/200-hz', + }, + { + id: '3705', + catPath: ':3705:0', + name: 'MÀN HÌNH PHỤ', + url: '/man-hinh-phu', + }, + ], + }, +]; diff --git a/src/data/ListReview/index.ts b/src/data/ListReview/index.ts new file mode 100644 index 0000000..efdfe33 --- /dev/null +++ b/src/data/ListReview/index.ts @@ -0,0 +1,277 @@ + +import { ProductReviewData } from '@/types/Review' + +export const ListReviewData: ProductReviewData[] = [ + { + "id": "758", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "0", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Đỗ Văn Bính", + "rate": "5", + "title": "Đánh giá sản phẩm Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA 4GB [TẶNG MÀN HÌNH]", + "content": "đến tận showroom ở HCM mua cho yên tâm, được unbox đồ nhé mọi người. Cảm quan ban đầu thấy showroom rất to , sạch, nhân viên nhiệt tình, giá tốt, quà tặng màn hình là tặng thật,", + "files": [ + { + "id": "375", + "title": "", + "file_path": "https://nguyencongpc.vn/media/user_upload/19-12-2025/MzK0dsw3o8EaSfOUnuhn/2114970452708823840.jpg", + "width": "600", + "height": "338", + "approved": "0", + "create_time": "1766118957" + } + ], + "approved": "1", + "post_time": "1766119040", + "counter": 1, + "new_replies": [] + }, + { + "id": "741", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "1", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Duy trường", + "rate": "5", + "title": "Đánh giá sản phẩm Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB [TẶNG MÀN HÌNH]", + "content": "Ai mua rồi cho mình hỏi valorant dc bao nhiêu fps ạ", + "files": [], + "approved": "1", + "post_time": "1765170972", + "counter": 2, + "new_replies": [ + { + "id": "51", + "comment_id": "741", + "user_avatar": "0", + "user_name": "Trần Mạnh", + "is_user_admin": "1", + "people_like_count": "0", + "approved": "0", + "people_dislike_count": "0", + "content": "Dạ khoảng 170-180fps ở 1080P ạ", + "post_time": "1765277614" + } + ] + }, + { + "id": "707", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "0", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Phong Nguyễn", + "rate": "5", + "title": "Đánh giá sản phẩm Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB [TẶNG MÀN HÌNH]", + "content": "giá tốt, con màn trên bàn là con được tặng luôn nha", + "files": [ + { + "id": "328", + "title": "", + "file_path": "https://nguyencongpc.vn/media/user_upload/01-12-2025/FC5YOYSvCSQtAD6ukdTy/f9a2f40c6fb2e3ecbaa3.jpg", + "width": "500", + "height": "646", + "approved": "0", + "create_time": "1764586266" + } + ], + "approved": "1", + "post_time": "1764586309", + "counter": 3, + "new_replies": [] + }, + { + "id": "690", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "0", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Quang Bình", + "rate": "5", + "title": "Đánh giá sản phẩm Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB [TẶNG MÀN HÌNH]", + "content": "Ryzen 5 5500 chơi game làm việc ổn, giá tốt và có tặng màn hình như thông báo nhé , 5 SAO", + "files": [ + { + "id": "311", + "title": "", + "file_path": "https://nguyencongpc.vn/media/user_upload/29-11-2025/PiKzIDmPTSvb0ngJbVAV/e1b569fd265aaa04f34b-2.jpg", + "width": "500", + "height": "375", + "approved": "0", + "create_time": "1764387131" + } + ], + "approved": "1", + "post_time": "1764387192", + "counter": 4, + "new_replies": [] + }, + { + "id": "674", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "0", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Đình Ấn", + "rate": "5", + "title": "Đánh giá sản phẩm [TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB", + "content": "Pc có sử dụng wifi được không shop, hay cần phải gắn dây mạng", + "files": [], + "approved": "1", + "post_time": "1764170309", + "counter": 5, + "new_replies": [] + }, + { + "id": "673", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "0", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Nguyen Van Thinh", + "rate": "5", + "title": "Đánh giá sản phẩm [TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB", + "content": "Bỏ màn giá sao ạ", + "files": [], + "approved": "1", + "post_time": "1764164501", + "counter": 6, + "new_replies": [] + }, + { + "id": "672", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "0", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Nguyen Van Thinh", + "rate": "5", + "title": "Đánh giá sản phẩm [TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB", + "content": "Bỏ màn giá sao ạ", + "files": [], + "approved": "1", + "post_time": "1764164500", + "counter": 7, + "new_replies": [] + }, + { + "id": "653", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "1", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Phụng ", + "rate": "5", + "title": "Đánh giá sản phẩm [TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB", + "content": "Dùng loại tai nghe kh chụp tai dc kh ạ ", + "files": [], + "approved": "1", + "post_time": "1763484666", + "counter": 8, + "new_replies": [ + { + "id": "46", + "comment_id": "653", + "user_avatar": "0", + "user_name": "Trần Mạnh", + "is_user_admin": "1", + "people_like_count": "0", + "approved": "0", + "people_dislike_count": "0", + "content": "dạ được ạ", + "post_time": "1763541896" + } + ] + }, + { + "id": "626", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "1", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "Văn đạt", + "rate": "5", + "title": "Đánh giá sản phẩm [TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB", + "content": "Bộ này chơi dc gta5 k shop", + "files": [], + "approved": "1", + "post_time": "1759751921", + "counter": 9, + "new_replies": [ + { + "id": "44", + "comment_id": "626", + "user_avatar": "0", + "user_name": "Trần Mạnh", + "is_user_admin": "1", + "people_like_count": "0", + "approved": "0", + "people_dislike_count": "0", + "content": "dạ được ạ, nhưng setting thấp ạ", + "post_time": "1759974716" + } + ] + }, + { + "id": "625", + "item_type": "product", + "item_id": "25404", + "people_like_count": "0", + "people_dislike_count": "0", + "reply_count": "1", + "is_user_admin": "0", + "user_avatar": "", + "user_name": "thái 0507", + "rate": "5", + "title": "Đánh giá sản phẩm [TẶNG MÀN HÌNH] Bộ PC Gaming AMD Ryzen 5 5500, RAM 16GB, VGA RX 6500 XT 4GB", + "content": "shop ơi bộ này có kèm màn k ạ\n", + "files": [], + "approved": "1", + "post_time": "1759626317", + "counter": 10, + "new_replies": [ + { + "id": "43", + "comment_id": "625", + "user_avatar": "0", + "user_name": "Trần Mạnh", + "is_user_admin": "1", + "people_like_count": "0", + "approved": "0", + "people_dislike_count": "0", + "content": "Dạ bộ này được tặng màn hình ạ", + "post_time": "1759736954" + } + ] + } +] \ No newline at end of file diff --git a/src/styles/globals.css b/src/styles/globals.css index 73b4ce3..613685c 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -3732,7 +3732,6 @@ textarea::placeholder { .page-product-detail .box-read-product-detail .box-descreption-detail .content-descreption-detail { padding: 18px 12px; overflow: hidden; - height: 500px; } .page-product-detail .box-read-product-detail @@ -3742,6 +3741,9 @@ textarea::placeholder { display: block; width: auto; } +.content-spec td { + border: 1px solid #000; +} .page-product-detail .box-read-product-detail .box-descreption-detail @@ -3907,7 +3909,7 @@ textarea::placeholder { text-align: center; margin-top: 12px; } -.page-product-detail .box-review .button-review a { +.page-product-detail .box-review .button-review { line-height: 30px; color: #fff; padding: 5px 20px; @@ -5976,9 +5978,6 @@ textarea::placeholder { background: #1781e0; color: #fff; } -.box-review .item-comment:nth-child(n + 3) { - display: none; -} .overlay { position: fixed; width: 100%; diff --git a/src/types/Comment/index.ts b/src/types/Comment/index.ts new file mode 100644 index 0000000..f712f22 --- /dev/null +++ b/src/types/Comment/index.ts @@ -0,0 +1,42 @@ +export interface ItemComment { + id: string; + title: string; + file_path: string; + width: string; + height: string; + approved: string; + create_time: string; +} + +export interface CommentReply { + id: string; + comment_id: string; + user_avatar: string; + user_name: string; + is_user_admin: string; + people_like_count: string; + approved: string; + people_dislike_count: string; + content: string; + post_time: string; +} + +export interface ProductCommentData { + id: string; + item_type: string; + item_id: string; + people_like_count: string; + people_dislike_count: string; + reply_count: string; + is_user_admin: string; + user_avatar: string; + user_name: string; + rate: string; // số sao, dạng chuỗi + title: string; + content: string; + files: ItemComment[]; + approved: string; + post_time: string; + counter: number; + new_replies: CommentReply[]; +} diff --git a/src/types/Review/index.ts b/src/types/Review/index.ts new file mode 100644 index 0000000..b1c11a0 --- /dev/null +++ b/src/types/Review/index.ts @@ -0,0 +1,42 @@ +export interface ItemReview { + id: string; + title: string; + file_path: string; + width: string; + height: string; + approved: string; + create_time: string; +} + +export interface ReviewReply { + id: string; + comment_id: string; + user_avatar: string; + user_name: string; + is_user_admin: string; + people_like_count: string; + approved: string; + people_dislike_count: string; + content: string; + post_time: string; +} + +export interface ProductReviewData { + id: string; + item_type: string; + item_id: string; + people_like_count: string; + people_dislike_count: string; + reply_count: string; + is_user_admin: string; + user_avatar: string; + user_name: string; + rate: string; // số sao, dạng chuỗi + title: string; + content: string; + files: ItemReview[]; + approved: string; + post_time: string; + counter: number; + new_replies: ReviewReply[]; +} diff --git a/src/types/product/detail/index.ts b/src/types/product/detail/index.ts index 4105278..01c737b 100644 --- a/src/types/product/detail/index.ts +++ b/src/types/product/detail/index.ts @@ -117,11 +117,11 @@ interface ReviewSummary { total: string; } -interface Review { +export interface Review { summary: ReviewSummary; } -interface Comment { +export interface Comment { summary: ReviewSummary; }