MERMS/MermsFirstOffice
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

procuct edit page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-10-06 18:42:40 -04:00
parent d37026c868
commit 10a6023ceb
1 changed files with 77 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/products/ProductView.jsx
+77 -24
View File
@@ -1,5 +1,6 @@
import BreadcrumbCom from '../breadcrumb/BreadcrumbCom' import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
import getDateTimeFromDateString from '../../helpers/getDateTimeFromDateString' import getDateTimeFromDateString from '../../helpers/getDateTimeFromDateString'
export default function ProductView() { export default function ProductView() {
return ( return (
@@ -11,20 +12,11 @@ export default function ProductView() {
<table className="py-2 w-full text-sm"> <table className="py-2 w-full text-sm">
<thead className="py-2 text-sm text-slate-500 text-left"> <thead className="py-2 text-sm text-slate-500 text-left">
<tr> <tr>
<th scope="col" className="px-2 py-2"> <th scope="col" className="px-2 py-2" style={{width: '150px'}}>
Added Item
</th> </th>
<th scope="col" className="px-2"> <th scope="col" className="px-2">
Name Value
</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
</th> </th>
</tr> </tr>
</thead> </thead>
@@ -35,31 +27,92 @@ export default function ProductView() {
<div <div
className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'> className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
<div className="text-left"> <div className="text-left">
ProductID
</div> </div>
</div> </div>
</td> </td>
<td className="px-2"> <td className="px-2">
<div className="text-left"> <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> </div>
</td> </td>
<td className="px-2"> <td className="px-2">
<div className="text-left"> <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> </div>
</td> </td>
<td className="px-2">
<div className="text-right">
</div>
</td>
<td className="px-2">
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>