From 2e24a590f189e093c88ff273f7e67b96093cb384 Mon Sep 17 00:00:00 2001
From: YNazymko12 <yulychka12@gmail.com>
Date: Sat, 16 Dec 2023 13:00:03 +0100
Subject: [PATCH] Fix(IMG) add import in modal-exercises.js

---
 src/js/05-modal-exercises.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/js/05-modal-exercises.js b/src/js/05-modal-exercises.js
index 1478a08..2e74a44 100644
--- a/src/js/05-modal-exercises.js
+++ b/src/js/05-modal-exercises.js
@@ -1,4 +1,7 @@
 import APIService from './00-api';
+import icons from '../img/sprite.svg';
+import image from '../img/modal-exercise-image.jpg';
+import imageRetina from '../img/modal-exercise-image@2x.jpg';
 const apiService = new APIService();
 
 const modalExercises = document.querySelector('.modal-exercises');
@@ -104,8 +107,8 @@ function createMarkup({
   const getExerciseGif = getGif(gifUrl);
   function getGif(gifUrl) {
     if (gifUrl === null || !gifUrl) {
-      return `srcset = './img/modal-exercise-image.jpg 1x,./img/modal-exercise-image@2x.jpg 2x'
-      src = './img/modal-exercise-image.jpg'`;
+      return `srcset = '${image} 1x,${imageRetina} 2x'
+      src = '${image}'`;
     }
     return `src="${gifUrl}"`;
   }
@@ -114,7 +117,7 @@ function createMarkup({
   <div class="modal-exercises__container" data-id="${_id}">
     <button class="modal-exercises__btn-close">
       <svg width="24" height="24">
-        <use href="../img/sprite.svg#icon-menu-mobile-close"></use>
+        <use href="${icons}#icon-menu-mobile-close"></use>
       </svg>
     </button>
 
@@ -163,7 +166,7 @@ function createMarkup({
         <button class="modal-exercises__btn-favorites modal-exercises__btn" data-id="${_id}">
             Add to favorites
             <svg class="btn-favorites__icon">
-              <use href="../img/sprite.svg#icon-favorites"></use>
+              <use href="${icons}#icon-favorites"></use>
             </svg>
           </button>
         <button class="modal-exercises__btn-rating modal-exercises__btn">Give a rating</button>