From 977424dfcfef13925758146fc62e837dd2e5c1b7 Mon Sep 17 00:00:00 2001
From: itsjenm <jmartinez414@gmail.com>
Date: Sun, 23 Apr 2023 14:48:15 -0500
Subject: [PATCH] updated semantics

---
 src/js/movie-gallery.js        | 23 +++++++----------------
 src/js/movie-modal.js          |  4 ++--
 src/partials/card-gallery.html |  4 ++--
 3 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/src/js/movie-gallery.js b/src/js/movie-gallery.js
index 32c6ed1..7d3ccef 100644
--- a/src/js/movie-gallery.js
+++ b/src/js/movie-gallery.js
@@ -1,7 +1,5 @@
 import {
   fetchTrendingMovies,
-  getMovieInfo,
-  getSearchMovies,
   hideLoadingAnimationWithDelay,
   showLoadingAnimation,
 } from './API-requests.js';
@@ -9,7 +7,6 @@ import genreList from './genre-list.js';
 import { createPagination } from '../index.js';
 import {
   movieGalleryPosterDimension,
-  MOVIE__POSTERS__URL,
   updateMovieGalleryPosterDimension,
   updateMoviePosterUrl,
 } from './movie-poster-data.js';
@@ -100,21 +97,15 @@ export async function renderInfo(movies) {
   movieList.innerHTML = '';
 
   movies.map(movie => {
-    const card = document.createElement('div');
+    const card = document.createElement('ul');
     card.setAttribute('data', movie.id);
     card.classList.add('movie-card');
-    card.innerHTML = `${moviePosterFn(movie)}
-                <ul class="movie_info">
-                    <li class="movie_title">
-                        ${movie.title}
-                    </li>
-                    <li class="movie_genre">
-                        ${getGenres(genreList, movie.genre_ids)}
-                    </li>
-                    <li class="movie_release-date">
-                        ${new Date(movie.release_date).getFullYear()}
-                    </li>
-                </ul>`;
+    card.innerHTML = `
+      <li class="movie_info">${moviePosterFn(movie)}
+        <p class="movie_title">${movie.title}</p>
+        <span class="movie_genre">${getGenres(genreList, movie.genre_ids)}</span>
+        <span class="movie_release-date">${new Date(movie.release_date).getFullYear()}</span>
+      </li>`;
     movieList.appendChild(card);
   });
   hideLoadingAnimationWithDelay(500);
diff --git a/src/js/movie-modal.js b/src/js/movie-modal.js
index 57ca3c3..dd6e1c8 100644
--- a/src/js/movie-modal.js
+++ b/src/js/movie-modal.js
@@ -29,7 +29,7 @@ let checkArrary = -1;
 let checkclass;
 movieGallery.addEventListener('click', e => {
   //get movie id
-  const parent = e.target.closest('div');
+  const parent = e.target.closest('ul');
   const movieId = parent.getAttribute('data');
   mylibID = movieId;
   // show modal after html is rendered. Image is rendering after
@@ -39,7 +39,7 @@ movieGallery.addEventListener('click', e => {
 myLibaryGallery.addEventListener('click', e => {
   //get movie id
   
-  console.log('image clicked')
+  // console.log('image clicked')
   const parent = e.target.closest('div');
   const movieId = parent.getAttribute('data');
   mylibID = movieId;
diff --git a/src/partials/card-gallery.html b/src/partials/card-gallery.html
index 7223d15..585863f 100644
--- a/src/partials/card-gallery.html
+++ b/src/partials/card-gallery.html
@@ -1,2 +1,2 @@
-<div class="card-gallery">
-</div>
+<section class="card-gallery">
+</section>