fix: ajuste do icone de favorito

levxyca · Oct 15, 2024 · 07b056a · 07b056a
1 parent ab173c1
commit 07b056a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 10 deletions.
diff --git a/assets/css/dark_mode.css b/assets/css/dark_mode.css
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/js/script.js b/assets/js/script.js
@@ -214,17 +214,16 @@ function insertCardsIntoHtml(data) {
         }" id="${cardId}">
             <div class="card__header">
                 <h3 class="card__title">${card.title}</h3>
-                <img
+                <i
                     alt="star"
                     unique-title="${cardId}"
                     id="fav_${cardId}"
-                    src="${
-                        card.tags.includes("Favoritos")
-                            ? starIconFilled
-                            : starIcon
-                    }"
-                    class="fav__button"
-                />
+                    class="${
+                    card.tags.includes("Favoritos")
+                        ? "ph-fill ph-star"
+                        : "ph ph-star"
+                    } fav__button">
+                </i>
             </div>
             <p class="card__description">${card.description}</p>
         `;
@@ -266,10 +265,10 @@ function setCardAsFavorite(cardId) {
     const favIcon = document.querySelector(`#fav_${cardId}`);
 
     if (favoriteCards.includes(cardId)) {
-        favIcon.src = starIcon;
+        favIcon.className = "ph ph-star fav__button";
         favoriteCards.splice(favoriteCards.indexOf(cardId), 1);
     } else {
-        favIcon.src = starIconFilled;
+        favIcon.className = "ph-fill ph-star fav__button";
         favoriteCards.push(cardId);
     }