From 1b8eb2856d969cc815e2a1a6c23a56c7af3844ae Mon Sep 17 00:00:00 2001
From: zadit <75159257+insvrgent@users.noreply.github.com>
Date: Fri, 14 Feb 2025 02:51:22 +0700
Subject: [PATCH] ok

---
 src/components/Item.js         | 7 ++++---
 src/components/Item.module.css | 7 ++++++-
 src/components/ItemLister.js   | 3 ++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/Item.js b/src/components/Item.js
index 7ef6e22..94c3800 100644
--- a/src/components/Item.js
+++ b/src/components/Item.js
@@ -19,6 +19,7 @@ const Item = ({
   onRemoveClick,
   isAvailable,
   isBeingEdit,
+  last
 }) => {
   const [selectedImage, setSelectedImage] = useState(imageFile);
   const [previewUrl, setPreviewUrl] = useState(imageUrl);
@@ -89,8 +90,8 @@ const Item = ({
   };
 
   return (
-    <div>
-      <div className={`${styles.item} ${forInvoice ? styles.itemInvoice : ""}`}>
+    <div className={`${!last ? styles.notLast : ""}`}>
+      <div className={`${styles.item} ${forInvoice ? styles.itemInvoice : ""} `}>
         {!forInvoice && (
           <div className={styles.imageContainer}>
             <img
@@ -303,7 +304,7 @@ const Item = ({
       </div>
       {itemDescription && itemDescription != 'undefined' && itemDescription?.length &&
         <div>
-          <p style={{ color: '#5f5f5f', fontSize: '3.2vw', padding: '5px' }}>{itemDescription}</p>
+          <p style={{ color: '#5f5f5f', fontSize: '3.2vw', padding: '5px', margin: 0 }}>{itemDescription}</p>
         </div>
       }
     </div>
diff --git a/src/components/Item.module.css b/src/components/Item.module.css
index 76b4b0a..669c163 100644
--- a/src/components/Item.module.css
+++ b/src/components/Item.module.css
@@ -21,7 +21,12 @@
 }
 
 .item:not(.itemInvoice) {
-  border-top: 2px solid #00000017;
+  /* border-top: 2px solid #00000017; */
+}
+
+.notLast{
+  padding-bottom: 10px;
+  border-bottom: 2px solid #00000017;
 }
 
 .itemInvoice {
diff --git a/src/components/ItemLister.js b/src/components/ItemLister.js
index 66fca59..1ec35c0 100644
--- a/src/components/ItemLister.js
+++ b/src/components/ItemLister.js
@@ -922,7 +922,7 @@ const ItemLister = ({
                     ) : null;
                   })}
 
-                  {items.map((item) => {
+                  {items.map((item, indexx) => {
                     return !forCart || (forCart && item.qty > 0) ? (
                       <div
                         key={item.itemId}>
@@ -1004,6 +1004,7 @@ const ItemLister = ({
 
                           <Item
                             key={item.itemId}
+                            last={index === indexTotal-1 && indexx === items.length - 1}
                             forCart={forCart}
                             forInvoice={forInvoice}
                             name={item.name}