ok

src/components/Item.js

@@ -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 && (
@@ -322,7 +322,8 @@ const Item = ({
             WebkitBoxOrient: 'vertical',
             overflow: 'hidden',
             WebkitLineClamp: 2,
-  textOverflow: 'ellipsis', color: '#5f5f5f', fontSize: '14px', padding: '5px', margin: 0 }}>{itemDescription}</p>
+            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);

src/pages/CafePage.js

@@ -296,7 +296,7 @@ function CafePage({
                   {cartItemsLength > 0 &&
                     <div style={{ marginTop: '10px', height: '40px', position: 'sticky', bottom: '40px', display: 'flex', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }}>
 
-                      <div onClick={goToCart} style={{ backgroundColor: 'rgb(142, 199, 129)', width: '70vw', height: '40px', borderRadius: '30px', display: 'flex', justifyContent: 'space-between', padding: '0 20px' }}>
+                      <div onClick={goToCart} style={{ backgroundColor: '#6ec35a', width: '70vw', height: '40px', borderRadius: '30px', display: 'flex', justifyContent: 'space-between', padding: '0 20px' }}>
                         <div style={{ display: 'flex', flexWrap: 'wrap', alignContent: 'center' }}>{cartItemsLength} item</div>
                         <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', width: '130px' }}>
                           <span style={{ whiteSpace: 'nowrap' }}>Rp{totalPrice}</span>
@@ -311,7 +311,7 @@ function CafePage({
                     </div>
                   }
                 </div>
-                <div style={{ marginTop: '30px', height: '68px', backgroundColor: 'rgb(222 237 100)', fontWeight: 700, fontSize: '25px', lineHeight: '2.25rem', letterSpacing: '-1px', color: 'rgb(37, 79, 26)', padding: '10px' }}><div>KEDAIMASTER</div></div>
+                <div style={{ marginTop: '30px', height: '27px', backgroundColor: 'rgb(222 237 100)', fontWeight: 700, fontSize: '15px', lineHeight: '1rem', letterSpacing: '-1px', color: 'rgb(37, 79, 26)', padding: '10px' }}><div>KEDAIMASTER</div></div>
               </body>
             </div>
           )

src/pages/Cart.js

@@ -189,7 +189,7 @@ export default function Invoice({ shopId, table, sendParam, deviceType, socket }
     setEmail(event.target.value);
   };
   return (
-    <div className={styles.Invoice} style={{height: (getItemsByCafeId(shopId).length > 0 ? '': 'calc(100vh - 75px)'), minHeight: (getItemsByCafeId(shopId).length > 0 ? 'calc(100vh - 210px)': '') }}>
+    <div className={styles.Invoice} style={{height: (getItemsByCafeId(shopId).length > 0 ? '': '100vh'), minHeight: (getItemsByCafeId(shopId).length > 0 ? 'calc(100vh - 210px)': '') }}>
       
       <div style={{ marginTop: "50px" }}></div>
       <h2 className={styles["Invoice-title"]}>Keranjang</h2>