From 86c880442fc0abbc4c356da4fa8a20bc5759aff3 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 7 Aug 2024 14:00:07 +0700
Subject: <iman> quotation update popup

---
 src/lib/quotation/components/Quotationheader.jsx | 54 +++++++++++++-----------
 1 file changed, 29 insertions(+), 25 deletions(-)

(limited to 'src/lib/quotation/components/Quotationheader.jsx')

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>
                             </>
-- 
cgit v1.2.3

