feat: adding like, dislike to api.js

src/components/Api.js

@@ -56,15 +56,15 @@ export default class Api {
     return profileAvatar;
   }
 
-  /*   async editProfileInfoAvatar(name, about, avatar) {
+  async editProfileInfoAvatar(name, about, avatar) {
     const profileInfoAvatar = await this._useFetch(
       `${this.originURL}/users/me`,
       "PATCH",
       { name: name, about: about, avatar: avatar }
     );
     console.log("API profileInfoAvatar", profileInfoAvatar);
     return profileInfoAvatar;
-  } */
+  }
 
   async addNewCard(name, link) {
     const newCard = await this._useFetch(`${this.originURL}/cards`, "POST", {
@@ -75,17 +75,53 @@ export default class Api {
     return newCard;
   }
 
-  async deleteCard(cardId) {
+  async deleteCard(cardId, userId) {
     let deletingCard;
+
+    //si el creador de la card es igual al userId, que aparezca el botón borrar
+    //(el basurero), sino, no me muestra el basurero.
+    if (userId === cardId) {
+      try {
+        deletingCard = await this._useFetch(
+          `${this.originURL}/cards/${cardId}`,
+          "DELETE"
+        );
+        console.log("deleteCard", deletingCard);
+      } catch (err) {
+        console.log(err);
+      }
+      console.log("MUESTRO BASURERO")
+      return deletingCard;
+    } else {
+      console.log("ESCONDO BASURERO")
+    }
+  }
+
+  async likeCard(cardId) {
+    let likesCard;
+    try {
+      likesCard = await this._useFetch(
+        `${this.originURL}/cards/likes/${cardId}`,
+        "PUT"
+      );
+      console.log("likeCard", likesCard);
+    } catch (err) {
+      console.log(err);
+    }
+    return likesCard;
+  }
+
+  async dislikeCard(cardId) {
+    let dislikesCard;
     try {
-      deletingCard = await this._useFetch(
-        `${this.originURL}/cards/${cardId}`,
+      dislikesCard = await this._useFetch(
+        `${this.originURL}/cards/likes/${cardId}`,
         "DELETE"
       );
-      console.log("deleteCard", deletingCard);
+      console.log("dislikeCard", dislikesCard);
     } catch (err) {
       console.log(err);
     }
-    return deletingCard;
+    return dislikesCard;
   }
 }

src/components/Card.js

@@ -35,12 +35,6 @@ export default class Card {
     cardTitle.textContent = this._name;
     cardLikes.textContent = this.likeCountNumber();
 
-    const deleteButton = this._element.querySelector(".card__delete-button");
-    deleteButton.addEventListener("click", (evt) => {
-      evt.stopPropagation();
-      handleDeleteCard(this._element, this._id);
-    });
-
     return this._element;
   }
 
@@ -53,7 +47,6 @@ export default class Card {
   }
 
   async _handleDeleteCard(e) {
-    e.preventDefault();
     e.target.closest(".card").remove();
     console.log("id", this._id);
     const result = await this._api.deleteCard(this._id);
@@ -80,15 +73,7 @@ export default class Card {
       .addEventListener("submit", (e) => {
        this._handleDeleteCard(e);
         //popupWithFormsDeleteCard.close(e);
-      }); 
-      
-      
-      
-      
-      */
-    this._deleteButton.addEventListener("click", () => {
-      handleDeleteCard(this._element);
-    });
+      }); */
 
     this._element
       .querySelector(".card__image")

src/components/PopupWithForms.js

@@ -32,10 +32,6 @@ export class PopupWithForms extends Popup {
     }
   }
 
-  _resetForm() {
-    this._form.reset();
-  }
-
   setEventListeners() {
     super.setEventListeners();
 
@@ -53,4 +49,4 @@ export class PopupWithForms extends Popup {
 }
 
 export const popupWithFormsDeleteCard = new PopupWithForms(openDeleteCardPopUp);
-/* export const popupWithFormsEditAvatar = new PopupWithForms(openEditAvatarPopUp); */
+/* export const popupWithFormsEditAvatar = new PopupWithForms(openEditAvatarPopUp); */

src/components/constants.js

@@ -21,7 +21,6 @@ export const openAddPlaceButton = document.querySelector(".button-add");
 export const openEditProfilePopUp = document.querySelector(".edit-profile");
 export const openEditAvatarPopUp = document.querySelector(".edit-avatar");
 export const openDeleteCardPopUp = document.querySelector(".delete-card");
-export const deleteCardForm = document.querySelector(".delete-card__form");
 export const openAddPlacePopUp = document.querySelector(".add-place");
 export const openPhotoPopUp = document.querySelector(".photo-popup");
 export const addPlaceName = document.querySelector(".add-place__name");

src/pages/index.js

@@ -13,7 +13,6 @@ import {
   openAddPlaceButton,
   //openDeleteCardPopUp,
   //openEditAvatarPopUp,
-  deleteCardForm,
   config,
   textName,
   textAbout,
@@ -39,7 +38,7 @@ async function main() {
 
   const PopUpEditProfile = new PopupWithForms(openEditProfilePopUp);
   //en popupWithForms
-  const PopUpDeleteCard = new PopupWithForms(openDeleteCardPopUp);
+  //const PopUpDeleteCard = new PopupWithForms(openDeleteCardPopUp); -> card
   const PopUpEditAvatar = new PopupWithForms(openEditAvatarPopUp);
   const PopUpAddPhoto = new PopupWithForms(openAddPlacePopUp);
   const AddUserInfo = new UserInfo(textName, textAbout, avatar);