From c64c55365339f8e5f7ca7fdbfbdf6170ac2aca34 Mon Sep 17 00:00:00 2001
From: "Emma F. Mkpurunchi" <mkpurunchiemma@gmail.com>
Date: Sat, 24 Aug 2024 17:10:03 +0100
Subject: [PATCH] feature:implmentd product archive button

---
 .../products/mainproductdetailpage/page.tsx   | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/app/dashboard/(user-dashboard)/products/mainproductdetailpage/page.tsx b/src/app/dashboard/(user-dashboard)/products/mainproductdetailpage/page.tsx
index b69bcf2f7..e91bf290a 100644
--- a/src/app/dashboard/(user-dashboard)/products/mainproductdetailpage/page.tsx
+++ b/src/app/dashboard/(user-dashboard)/products/mainproductdetailpage/page.tsx
@@ -1,8 +1,10 @@
 "use client";
 
+import { ChangeEvent, FormEvent, useState } from "react";
+
 import Image from "next/image";
 import Link from "next/link";
-import { ChangeEvent, FormEvent, useState } from "react";
+import user from "../../../../../../public/images/user.png";
 
 const Discard = () => {
   alert("Changes discard");
@@ -338,7 +340,24 @@ const ProductDetail = () => {
 
       <div className="mt-8 rounded-md bg-white p-4 shadow-md">
         <h2 className="mb-4 text-lg font-semibold">Comments</h2>
-        {/*comment and reply*/}
+        {comments.map((comment, index) => (
+          <div key={index} className="mb-4">
+            <div className="mb-2 flex items-center">
+              <Image
+                src={user}
+                alt="User Avatar"
+                width={40}
+                height={40}
+                className="rounded-full"
+              />
+              <div className="ml-4">
+                <p className="font-semibold">{comment.name}</p>
+                <p className="text-sm text-gray-500">{`${comment.date} ${comment.time}`}</p>
+              </div>
+            </div>
+            <p className="text-sm text-gray-700">{comment.comment}</p>
+          </div>
+        ))}
         <textarea
           className="w-full rounded-md border-[1px] border-orange-500 bg-[#FAFAFA] p-2 focus:outline-none"
           rows={4}