x

src/components/ItemConfig.js

@@ -80,7 +80,8 @@ const ItemConfig = ({
     }, [textareaRef.current]);
 
     const handleCreate = () => {
-        handleCreateItem(itemName, itemPrice, selectedImage, itemDescription, itemPromoPrice);
+        console.log(itemPromoPrice)
+        handleCreateItem(itemName, itemPrice, selectedImage, previewUrl, itemDescription, itemPromoPrice);
       };
       const handleUpdate = () => {
         console.log(itemName, itemPrice, selectedImage, itemDescription, itemPromoPrice)

src/components/ItemLister.js

@@ -167,8 +167,13 @@ const ItemLister = ({
     console.log(previewUrl);
     setPreviewUrl(previewUrl);
   };
-
-  const onCreateItem = async (itemName, itemPrice, selectedImage, previewUrl, description) => {
+  const onEditItem = async (itemId, name, price, image, description, promoPrice) => {
+    await updateItemInCreate(itemId, name, price, image, description, promoPrice);
+    setRandomKey(randomKey + 1); 
+    console.log(image) 
+    editItem(0);
+  }
+  const onCreateItem = async (itemName, itemPrice, selectedImage, previewUrl, description, promoPrice) => {
     console.log(description)
     if (isEdit)
       setItemsToCreate((prevItems) => [
@@ -179,11 +184,12 @@ const ItemLister = ({
           price: itemPrice,
           selectedImage,
           image: previewUrl,
-          availability: true
+          availability: true,
+          promoPrice: promoPrice
         },
       ]);
     else {
-      const newItem = await handleCreateItem(itemTypeId, itemName, itemPrice, selectedImage, description);
+      const newItem = await handleCreateItem(itemTypeId, itemName, itemPrice, selectedImage, description, promoPrice);
 
       console.log(newItem)
       if (newItem) {
@@ -270,6 +276,7 @@ const ItemLister = ({
         name,
         price,
         description: description,
+        promoPrice: promoPrice,
         availability: item.availability,
         image: image ? newImage : item.image,
         selectedImage: image ? newImage : null
@@ -866,7 +873,7 @@ const ItemLister = ({
                             imageUrl={item.image}
                             imageFile={item.selectedImage}
                             cancelEdit={() => editItem(0)}
-                            handleUpdateItem={(name, price, image, description, promoPrice) => { updateItemInCreate(item.itemId, name, price, image, description, promoPrice); setRandomKey(randomKey + 1); console.log(image) }
+                            handleUpdateItem={(name, price, image, description, promoPrice) => { onEditItem(item.itemId, name, price, image, description, promoPrice);}
                             }
                           />
                         )}
@@ -957,24 +964,24 @@ const ItemLister = ({
                           //   batal
                           // </button>
                           <ItemConfig
-  isBeingEdit={true}
-  name={item.name}
-  price={item.price}
-  promoPrice={item.promoPrice}
-  description={item.description}
-  imageUrl={itemTypeId ? getImageUrl(item.image) : item.image}
-  imageFile={item.selectedImage}
-  cancelEdit={() => editItem(0)}
-  handleCreateItem={onCreateItem}
-  handleUpdateItem={async (name, price, image, description, promoPrice) => {
-    try {
-      console.log(description);
-      await onUpdateItem(item.itemId, name, price, image, description, promoPrice);
-    } catch (error) {
-      console.error("Error updating item:", error);
-    }
-  }}
-/>
+                          isBeingEdit={true}
+                          name={item.name}
+                          price={item.price}
+                          promoPrice={item.promoPrice}
+                          description={item.description}
+                          imageUrl={itemTypeId ? getImageUrl(item.image) : item.image}
+                          imageFile={item.selectedImage}
+                          cancelEdit={() => editItem(0)}
+                          handleCreateItem={onCreateItem}
+                          handleUpdateItem={async (name, price, image, description, promoPrice) => {
+                            try {
+                              console.log(description);
+                              await onUpdateItem(item.itemId, name, price, image, description, promoPrice);
+                            } catch (error) {
+                              console.error("Error updating item:", error);
+                            }
+                          }}
+                        />
 
                         )}
                         <div className={styles["itemWrapper"]}>

src/components/ItemTypeLister.js

@@ -23,7 +23,7 @@ const ItemTypeLister = ({
   const [items, setItems] = useState([]);
 
   const [itemTypeName, setItemTypeName] = useState("");
-  const handleCreateItem = (name, price, selectedImage, previewUrl) => {
+  const handleCreateItem = (name, price, selectedImage, previewUrl, description, promoPrice) => {
     console.log(previewUrl);
     const newItem = {
       itemId: items.length + 1,
@@ -32,6 +32,8 @@ const ItemTypeLister = ({
       selectedImage,
       image: previewUrl,
       availability: true,
+      description,
+      promoPrice
     };
 
     // Update the items state with the new item
@@ -120,7 +122,7 @@ const ItemTypeLister = ({
                 setShopItems={setShopItems}
                 itemList={items}
                 isEditMode={true}
-                handleCreateItem={(itemTypeId, name, price, selectedImage) => createItem(shopId, name, price, selectedImage,itemTypeId)}
+                handleCreateItem={(itemTypeId, name, price, selectedImage, description, promoPrice) => createItem(shopId, name, price, selectedImage, itemTypeId, description, promoPrice)}
                 beingEditedType={beingEditedType}
                 setBeingEditedType={setBeingEditedType}
                 alwaysEdit={true}

src/components/MusicPlayer.js

@@ -108,7 +108,7 @@ export function MusicPlayer({ socket, shopId, user, shopOwnerId, isSpotifyNeedLo
           //   setSubtitleColor("white");
           //   setSubtitleBG("black");
           // }
-          const proxiedUrl = `https://test.api.kedaimaster.com/image?url=${encodeURIComponent(modifyUrl(imageUrl))}`;  // Use your proxy to fetch the image
+          const proxiedUrl = `https://dev.api.kedaimaster.com/image?url=${encodeURIComponent(modifyUrl(imageUrl))}`;  // Use your proxy to fetch the image
 
           setBackgroundImage(proxiedUrl);
         } catch (error) {