From 10a6023ceb67929d0bd808699bf2e269d3a28bef Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Mon, 6 Oct 2025 18:42:40 -0400
Subject: [PATCH] procuct edit page

---
 src/components/products/ProductView.jsx | 101 ++++++++++++++++++------
 1 file changed, 77 insertions(+), 24 deletions(-)

diff --git a/src/components/products/ProductView.jsx b/src/components/products/ProductView.jsx
index 2047395..0fbfd7c 100644
--- a/src/components/products/ProductView.jsx
+++ b/src/components/products/ProductView.jsx
@@ -1,5 +1,6 @@
 import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
 import getDateTimeFromDateString from '../../helpers/getDateTimeFromDateString'
+
 export default function ProductView() {
 
     return (
@@ -11,20 +12,11 @@ export default function ProductView() {
                 <table className="py-2 w-full text-sm">
                     <thead className="py-2 text-sm text-slate-500 text-left">
                     <tr>
-                        <th scope="col" className="px-2 py-2">
-                            Added
+                        <th scope="col" className="px-2 py-2" style={{width: '150px'}}>
+                            Item
                         </th>
                         <th scope="col" className="px-2">
-                            Name
-                        </th>
-                        <th scope="col" className="px-2">
-                            Product ID
-                        </th>
-                        <th scope="col" className="px-2 text-right">
-                            Status
-                        </th>
-                        <th scope="col" className="px-2 text-right">
-                            Action
+                            Value
                         </th>
                     </tr>
                     </thead>
@@ -35,31 +27,92 @@ export default function ProductView() {
                             <div
                                 className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
                                 <div className="text-left">
-
+                                    ProductID
                                 </div>
                             </div>
                         </td>
                         <td className="px-2">
                             <div className="text-left">
+                                P000008
+                            </div>
+                        </td>
+                    </tr>
 
+                    <tr className="py-2 border-t border-dashed border-slate-300">
+                        <td className="px-2 py-2">
+                            <div
+                                className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
+                                <div className="text-left">
+                                    ProductID
+                                </div>
                             </div>
                         </td>
                         <td className="px-2">
                             <div className="text-left">
-
+                                P000008
+                            </div>
+                        </td>
+                    </tr>
+                    <tr className="py-2 border-t border-dashed border-slate-300">
+                        <td className="px-2 py-2">
+                            <div
+                                className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
+                                <div className="text-left">
+                                    ProductID
+                                </div>
+                            </div>
+                        </td>
+                        <td className="px-2">
+                            <div className="text-left">
+                                P000008
+                            </div>
+                        </td>
+                    </tr>
+                    <tr className="py-2 border-t border-dashed border-slate-300">
+                        <td className="px-2 py-2">
+                            <div
+                                className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
+                                <div className="text-left">
+                                    ProductID
+                                </div>
+                            </div>
+                        </td>
+                        <td className="px-2">
+                            <div className="text-left">
+                                P000008
+                            </div>
+                        </td>
+                    </tr>
+                    <tr className="py-2 border-t border-dashed border-slate-300">
+                        <td className="px-2 py-2">
+                            <div
+                                className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
+                                <div className="text-left">
+                                    ProductID
+                                </div>
+                            </div>
+                        </td>
+                        <td className="px-2">
+                            <div className="text-left">
+                                P000008
+                            </div>
+                        </td>
+                    </tr>
+                    <tr className="py-2 border-t border-dashed border-slate-300">
+                        <td className="px-2 py-2">
+                            <div
+                                className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
+                                <div className="text-left">
+                                    ProductID
+                                </div>
+                            </div>
+                        </td>
+                        <td className="px-2">
+                            <div className="text-left">
+                                P000008
                             </div>
                         </td>
-                        <td className="px-2">
-                            <div className="text-right">
-
-                            </div>
-                        </td>
-                        <td className="px-2">
-
-
-                        </td>
                     </tr>
-
                     </tbody>
                 </table>