ok

src/components/ButtonWithReplica.css

@@ -76,6 +76,7 @@
   transition: all 0.5s ease-in-out;
 }
 .bussinessName h2 {
+  font-size: 18px;
   overflow-wrap: break-word;
   color: inherit; /* Ensures that it inherits the color from the parent */
 }

src/components/MusicPlayer.js

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

src/components/PaymentOptions.js

@@ -14,6 +14,7 @@ const SetPaymentQr = ({ shopId,
   const [qrPosition, setQrPosition] = useState([50, 50]);
   const [qrSize, setQrSize] = useState(50);
   const [qrPayment, setQrPayment] = useState();
+  const [qrPaymentFile, setQrPaymentFile] = useState();
   const [qrCodeDetected, setQrCodeDetected] = useState(false);
   const [isNeedConfirmationState, setIsNeedConfirmationState] = useState(0);
   const [isQRISavailable, setIsQRISavailable] = useState(0);
@@ -57,6 +58,7 @@ const SetPaymentQr = ({ shopId,
     if (file) {
       const newqrPayment = URL.createObjectURL(file);
       setQrPayment(newqrPayment);
+      setQrPaymentFile(file);
     }
   };
 
@@ -83,13 +85,14 @@ const SetPaymentQr = ({ shopId,
 
   // Save cafe details
   const handleSave = async () => {
-    let qrPaymentFile;
-    if(qrPaymentInputRef?.current?.files[0])
-      qrPaymentFile = qrPaymentInputRef.current.files[0];
+    let qrPaymentFileCache;
+    if(qrPaymentFile != null)
+      qrPaymentFileCache = qrPaymentFile;
+
     const details = {
       qrPosition,
       qrSize,
-      qrPaymentFile,
+      qrPaymentFile: qrPaymentFileCache,
       isQRISavailable: isQRISavailable === 1,
       isOpenBillAvailable: isOpenBillAvailable === 1,
       isNeedConfirmationState: isNeedConfirmationState === 1