diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-08-07 14:00:07 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-08-07 14:00:07 +0700 |
| commit | 86c880442fc0abbc4c356da4fa8a20bc5759aff3 (patch) | |
| tree | 466f0377c314e3c2136221f0f05e81affcd232d5 /src/lib/quotation | |
| parent | a1ed8969b451acc7867622fc302b0fd2b3c970a2 (diff) | |
<iman> quotation update popup
Diffstat (limited to 'src/lib/quotation')
| -rw-r--r-- | src/lib/quotation/components/Quotationheader.jsx | 54 |
1 files changed, 29 insertions, 25 deletions
diff --git a/src/lib/quotation/components/Quotationheader.jsx b/src/lib/quotation/components/Quotationheader.jsx index c9686b5a..79011682 100644 --- a/src/lib/quotation/components/Quotationheader.jsx +++ b/src/lib/quotation/components/Quotationheader.jsx @@ -184,33 +184,37 @@ const Quotationheader = (quotationCount) => { qotation?.map((product, index) => ( <> <li className='py-1 sm:py-2'> - <div className='flex justify-between border p-2 flex-col gap-y-2'> - <div className='flex justify-between'> - <p className='tanggal text-xs'>{product.dateOrder}</p> - <p className='badge-red h-fit md:text-caption-1 whitespace-nowrap'>Pending Quotation</p> - </div> - <div className='bagian tengah flex justify-between'> - <div className='no transaksi '> - <p className='text-xs'> - No. Transaksi - </p> - <Link href='/my/quotations' className='font-semibold text-sm text-red-500'> - {product.name} - </Link> + <div className='flex justify-between border p-2 flex-col gap-y-2 hover:border-red-500'> + <Link + href={`/my/quotations/${product?.id}`} + className='hover:border-red-500' + > + <div className='flex justify-between mb-2'> + <div className='flex flex-row items-center'> + <p className='tanggal text-xs opacity-80 mr-[2px]'>Sales : </p> + <p className='tanggal text-xs text-red-500 font-semibold'>{product.sales}</p> + </div> + <div className='flex flex-row items-center'> + <p className='text-xs opacity-80 mr-[2px]'>Status :</p> + <p className='badge-red h-fit text-xs whitespace-nowrap'>Pending Quotation</p> + </div> </div> - <div className='purchase'> - <p className='text-xs'> - No. Purchase Order - </p> - <p className='font-semibold text-red-500'> - {product.purchaseOrderFile ? product.purchaseOrderFile : '-'} - </p> + <div className='flex justify-between mb-2'> + <div className='flex flex-col items-start'> + <p className=' text-xs opacity-80 mr-[2px]'>No. Transaksi</p> + <p className=' text-sm text-red-500 font-semibold'> {product.name}</p> + </div> + <div className='flex flex-col items-end'> + <p className='text-xs opacity-80 mr-[2px]'>No. Purchase Order</p> + <p className='font-semibold text-sm text-red-500'> {product.purchaseOrderName ? product.purchaseOrderName : '-'}</p> + </div> </div> - </div> - <div className='bagian bawah flex justify-between'> - <p className='font-semibold'>Total</p> - <p className='font-semibold'>{currencyFormat(product.amountTotal)}</p> - </div> + <div className='my-0.5 h-0.5 bg-gray-200'></div> + <div className='bagian bawah flex justify-between mt-2'> + <p className='font-semibold text-base'>Total</p> + <p className='font-semibold text-base'>{currencyFormat(product.amountTotal)}</p> + </div> + </Link> </div> </li> </> |