Test

src/favorites.html

@@ -26,11 +26,12 @@
 
     <footer>
       <load ="partials/05-modal-exercise.html" />
-      <load ="partials/06-modal-rating.html" />
+      <!-- <load ="partials/06-modal-rating.html" /> -->
       <load ="partials/09-loader.html" />
     </footer>
 
     <script type="module" src="./js/01-mobile-menu.js"></script>
+    <script type="module" src="./js/02-quote.js"></script>
     <script type="module" src="./js/10-favorites.js"></script>
     <script type="module" src="./js/14-added-local.js"></script>
     <script type="module" src="./js/15-remove-local.js"></script>

src/index.html

@@ -28,7 +28,7 @@
     <footer>
       <load ="partials/04-footer.html" />
       <load ="partials/05-modal-exercise.html" />
-      <load ="partials/06-modal-rating.html" />
+      <!-- <load ="partials/06-modal-rating.html" /> -->
       <load ="partials/07-modal-team.html" />
       <load ="partials/08-scroll-up.html" />
       <load ="partials/09-loader.html" />

src/js/05-modal-exercises.js

@@ -5,6 +5,7 @@ import imageRetina from '../img/[email protected]';
 const apiService = new APIService();
 
 let isFavorite = false;
+let idFavorite;
 
 const modalExercises = document.querySelector('.modal-exercises');
 const overlay = document.querySelector('.overlay');
@@ -24,6 +25,8 @@ async function onExercisesCardClick(event) {
 
     const exerciseData = await apiService.getExercisesById(exerciseID);
 
+    idFavorite = exerciseID;
+
     const markup = createMarkup(exerciseData);
     updateModal(markup);
     openModalExercises();
@@ -186,11 +189,18 @@ function createMarkup({
 }
 
 function toggleFavorites() {
-  isFavorite = !isFavorite;
+  // isFavorite = !isFavorite;
+
+  const local = JSON.parse(localStorage.getItem('exerciseData'));
+
+  if (local?.some(item => item._id === idFavorite)) {
+    isFavorite = true;
+  }
 
   const btnModalFavorites = document.querySelector(
     '.modal-exercises__btn-favorites'
   );
+
   const favoritesIcon = document.querySelector('.btn-favorites__icon');
 
   if (isFavorite) {

src/js/10-favorites.js

@@ -22,7 +22,7 @@ async function onExercisesCardClick(event) {
     const local = JSON.parse(localStorage.getItem('exerciseData'));
 
     if (local?.some(item => item._id === exerciseData._id)) {
-      return;
+      array = local.filter(item => item._id !== exerciseData._id);
     } else {
       array.push(exerciseData);
     }

src/js/14-added-local.js

@@ -5,7 +5,7 @@ const buttonFavorite = document.getElementById('favoritesButton');
 
 buttonFavorite.addEventListener('click', renderFavorite());
 
-function renderFavorite() {
+export function renderFavorite() {
   const local = JSON.parse(localStorage.getItem('exerciseData'));
   if (local.length === 0) {
     return;

src/main.js

@@ -4,8 +4,8 @@ import './js/02-quote';
 import './js/03-filters';
 import './js/04-search-form';
 import './js/05-modal-exercises';
-import './js/06-modal-rating';
-import './js/07-modal-team';
+// import './js/06-modal-rating';
+// import './js/07-modal-team';
 import './js/08-scroll-up';
 import './js/09-loader';
 import './js/10-favorites';