fixed bugs after last merging

RuslanaLogosha · Nov 18, 2020 · 7f41f36 · 7f41f36
1 parent 5668566
commit 7f41f36
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 25 deletions.
diff --git a/src/index.js b/src/index.js
@@ -1,5 +1,5 @@
 import "./sass/main.scss";
-// import "./js/modalFilmCard.js";
-// import "./js/modalOpen.js";
-// import "./js/cardFetc.js";
+import "./js/modalFilmCard.js";
+import "./js/modalOpen.js";
+import "./js/cardFetc.js";
 import "./js/pagination.js";
diff --git a/src/js/apiServis.js b/src/js/apiServis.js
@@ -1,6 +1,6 @@
 export default class NewApiService {
   constructor() {
-    this.searcgQuery = '';
+    this.searchQuery = '';
   }
   fetchTrendingArticles() {
     const url = `https://api.themoviedb.org/3/trending/all/day?api_key=d91911ebb88751cf9e5c4b8fdf4412c9`;
@@ -11,7 +11,7 @@ export default class NewApiService {
       });
   }
   fetchFilmsSearch() {
-    const url = `https://api.themoviedb.org/3/search/movie?api_key=d91911ebb88751cf9e5c4b8fdf4412c9&query=${searcgQuery}`;
+    const url = `https://api.themoviedb.org/3/search/movie?api_key=d91911ebb88751cf9e5c4b8fdf4412c9&query=${searchQuery}`;
     return fetch(url)
       .then(response => response.json())
       .then(data => {
@@ -24,4 +24,4 @@ export default class NewApiService {
   set query(newQuery) {
     this.searchQuery = newQuery;
   }
-}
+}
diff --git a/src/js/cardFetc.js b/src/js/cardFetc.js
@@ -1,35 +1,18 @@
-
 import filmsCardTpl from '../templates/card-films.hbs';
 import NewApiService from './apiServis';
 
 const refs = {
-  cardContainet: document.querySelector(".js-card"),
+  cardContainer: document.querySelector('.js-card'),
 };
 const newApiService = new NewApiService();
 
-fetch(
-  `https://api.themoviedb.org/3/trending/all/day?api_key=d91911ebb88751cf9e5c4b8fdf4412c9`
-)
-  .then((response) => response.json())
-  .then((data) => {
-    renderFilmsCard(data.results.map((d) => d));
-  });
-
-renderFilmsCard(data.results.map((d) => d));
-
-function renderFilmsCard(info) {
-  const markup = filmsCardTpl(info);
-  refs.cardContainet.insertAdjacentHTML("beforeend", markup);
-  console.log(markup);
-}
-
 render();
 
 function render() {
   newApiService.fetchTrendingArticles().then(renderFilmsCard);
 }
 
 function renderFilmsCard(articles) {
-  refs.cardContainet.insertAdjacentHTML('beforeend', filmsCardTpl(articles));
+  refs.cardContainer.insertAdjacentHTML('beforeend', filmsCardTpl(articles));
   // console.log(filmsCardTpl(articles));
 }