ok

src/components/Item.js

@@ -94,21 +94,21 @@ const Item = ({
       <div className={`${styles.item} ${forInvoice ? styles.itemInvoice : ""} `}>
         {!forInvoice && (
           // <div className={styles.imageContainer}>
-            <img
-              src={
-                previewUrl
-              }
-              onError={({ currentTarget }) => {
-                currentTarget.onerror = null; // prevents looping
-                currentTarget.src =
-                  "https://png.pngtree.com/png-vector/20221125/ourmid/pngtree-no-image-available-icon-flatvector-illustration-pic-design-profile-vector-png-image_40966566.jpg";
-              }}
-              alt={itemName}
-              style={{
-                filter: !isAvailable ? "grayscale(100%)" : "none",
-              }}
-              className={styles.imageContainer}
-            />
+          <img
+            src={
+              previewUrl
+            }
+            onError={({ currentTarget }) => {
+              currentTarget.onerror = null; // prevents looping
+              currentTarget.src =
+                "https://png.pngtree.com/png-vector/20221125/ourmid/pngtree-no-image-available-icon-flatvector-illustration-pic-design-profile-vector-png-image_40966566.jpg";
+            }}
+            alt={itemName}
+            style={{
+              filter: !isAvailable ? "grayscale(100%)" : "none",
+            }}
+            className={styles.imageContainer}
+          />
           // </div>
         )}
         <div className={styles.itemDetails}>
@@ -142,17 +142,17 @@ const Item = ({
           disabled={!blank && !isBeingEdit}
         /> */}
           <h3 style={{
-  textTransform: 'capitalize',
-  margin: '5px 0px 10px 10px',
-  fontSize: '16px',
-  display: '-webkit-box',
-  WebkitBoxOrient: 'vertical',
-  overflow: 'hidden',
-  WebkitLineClamp: 2,
-  textOverflow: 'ellipsis'
-}}>
-  {itemName}
-</h3>
+            textTransform: 'capitalize',
+            margin: '5px 0px 10px 10px',
+            fontSize: '16px',
+            display: '-webkit-box',
+            WebkitBoxOrient: 'vertical',
+            overflow: 'hidden',
+            WebkitLineClamp: 2,
+            textOverflow: 'ellipsis'
+          }}>
+            {itemName}
+          </h3>
           {forInvoice && (
             <>
               <p className={styles.multiplySymbol}>x</p>
@@ -224,7 +224,7 @@ const Item = ({
                     }}>{initialPrice}</span>
                   </div>
                 </>
-                }
+              }
             </div>
           )}
 
@@ -300,7 +300,7 @@ const Item = ({
             ))}
 
           {forInvoice && (
-            <p className={styles.itemPriceInvoice}>Rp {itemQty * itemPrice}</p>
+            <p className={styles.itemPriceInvoice}>Rp {itemQty * (promoPrice > 0? promoPrice : itemPrice)}</p>
           )}
         </div>
         {forCart && (
@@ -316,13 +316,14 @@ const Item = ({
       </div>
       {itemDescription && itemDescription != 'undefined' && itemDescription?.length &&
         <div>
-          <p style={{ 
+          <p style={{
             maxHeight: '34px',
-  display: '-webkit-box',
-  WebkitBoxOrient: 'vertical',
-  overflow: 'hidden',
-  WebkitLineClamp: 2,
-  textOverflow: 'ellipsis', color: '#5f5f5f', fontSize: '14px', padding: '5px', margin: 0 }}>{itemDescription}</p>
+            display: '-webkit-box',
+            WebkitBoxOrient: 'vertical',
+            overflow: 'hidden',
+            WebkitLineClamp: 2,
+            textOverflow: 'ellipsis', color: '#5f5f5f', fontSize: '14px', padding: '5px', margin: 0
+          }}>{itemDescription}</p>
         </div>
       }
     </div>

src/components/Item.module.css

@@ -52,10 +52,6 @@
   position: relative;
   width: 26vw;
   height: 26vw;
-  border-radius: 10px;
-  margin-right: 10px;
-  object-fit: cover;
-  position: relative;
 }
 
 .overlay {
@@ -145,7 +141,6 @@
   font-family: "Plus Jakarta Sans", sans-serif;
   font-style: normal;
   font-weight: 600;
-  width: calc(100% - 15px); /* Adjust the width to prevent overflow */
   font-size: 0.9rem;
   margin-left: 5px;
   color: #d9c61c;

src/components/MusicPlayer.css

@@ -25,7 +25,7 @@
   /* filter: blur(1.5px);
   -webkit-filter: blur(1.5px); */
   /* border-radius: 13px 13px 0 0; */
-  background-color: #8ec781;
+  background-color: #6ec35a;
   /* Rounded corners at the top */
   text-align: right;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);