(feat:JS): create createImage

Author: josueJURE

public/index.js

@@ -195,17 +195,20 @@ recipeButtons.forEach((button) => {
       console.log("data.image", eventData.image);
 
       if (data.audio && data.image) {
-        removeElements([loadingContainer]);
-        const imageUrl = data.image.data[0].url;
-        // await cacheData(imageUrl, CACHE_NAME_URL, "image");
-        backgroundImg.src = imageUrl;
+
+        createImage(data)
+
+    
+     
 
 
         ///
-      
+
+         // await cacheData(imageUrl, CACHE_NAME_URL, "image");
+  
         // const audio_data = createAudio(data.audio);
         // await cacheData(audio_data, CACHE_NAME_AUDIO, "audio");
-        const { speedBtn, speechBtns } = createTextToSpeech(data);
+        const {speedBtn, speechBtns } = createTextToSpeech(data);
 
         userWantAnotherRecipe.addEventListener("click", () => {
           displayElements([headline, allergies, ...recipeButtons, mainElement]);
@@ -238,6 +241,14 @@ recipeButtons.forEach((button) => {
   });
 });
 
+
+function createImage(param) {
+  removeElements([loadingContainer]);
+  const imageUrl = param.image.data[0].url;
+  backgroundImg.src = imageUrl;
+  return backgroundImg;
+}
+
 function createTextToSpeech(param) {
   displayElementsFlex([recording]);
   displayElements([sendRecipeToUserInboxBtn, userWantAnotherRecipe]);
@@ -248,7 +259,7 @@ function createTextToSpeech(param) {
     this.pause();
     this.currentTime = 0;
   };
-  return { speedBtn, speechBtns };
+  return {speedBtn, speechBtns };
 }
 
 // Picture section

public/url_folder.txt

@@ -1 +1 @@
-https://oaidalleapiprodscus.blob.core.windows.net/private/org-nYbqgo3O0LNnYYAoKAmApBfx/user-58Je7efi0iy880e2UYCdYpBm/img-v4eTdg1soovxNTLukfLAet4U.png?st=2024-08-03T12%3A48%3A57Z&se=2024-08-03T14%3A48%3A57Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-08-03T09%3A29%3A53Z&ske=2024-08-04T09%3A29%3A53Z&sks=b&skv=2023-11-03&sig=NOzBmZWL4td4uKehhQo3lpiX8ageP%2BgXh3pp%2BNpLiAg%3D
+https://oaidalleapiprodscus.blob.core.windows.net/private/org-nYbqgo3O0LNnYYAoKAmApBfx/user-58Je7efi0iy880e2UYCdYpBm/img-fbR4IrnpCaFXDhT8PUcmxpzx.png?st=2024-08-03T13%3A15%3A50Z&se=2024-08-03T15%3A15%3A50Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-08-03T02%3A55%3A58Z&ske=2024-08-04T02%3A55%3A58Z&sks=b&skv=2023-11-03&sig=sG/XDU1mSuiPQI07H8PG/7h3tfkc0OOEVLwAOds4aIg%3D