From a3d8bdb4187b2f16587dc870e6e67b8f15d804e1 Mon Sep 17 00:00:00 2001
From: Kate <inthemist04@gmail.com>
Date: Sun, 8 Dec 2024 17:58:20 +0700
Subject: [PATCH] =?UTF-8?q?=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=B7=D0=B0=D0=BC=D0=B5=D1=87=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=BD=D0=B0=D1=81=D1=87=D0=B5=D1=82=20=D0=BD?=
 =?UTF-8?q?=D0=B0=D0=B7=D0=B2=D0=B0=D0=BD=D0=B8=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/main.js              |  2 +-
 js/open-full-picture.js |  4 ++--
 js/render-thumbnails.js | 10 +++++-----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/js/main.js b/js/main.js
index 911129c..db70755 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,6 +1,6 @@
 import './util.js';
 import {createPhotoList} from './data.js';
-import {renderThumbnails, pictures} from './render-thumbnails.js';
+import {renderThumbnails, picturesContainer} from './render-thumbnails.js';
 import {initClickListener} from './open-full-picture.js';
 
 const data = createPhotoList();
diff --git a/js/open-full-picture.js b/js/open-full-picture.js
index 604de72..65a54a9 100644
--- a/js/open-full-picture.js
+++ b/js/open-full-picture.js
@@ -1,5 +1,5 @@
 import {isEscapeKey} from './util.js';
-import {pictures} from './render-thumbnails.js';
+import {picturesContainer} from './render-thumbnails.js';
 import {createComment} from './data.js';
 
 const closeButton = document.querySelector('.big-picture__cancel');
@@ -41,7 +41,7 @@ function closeFullPicture() {
 }
 
 const initClickListener = (data) => {
-  pictures.addEventListener('click', (evt) => {
+  picturesContainer.addEventListener('click', (evt) => {
     const currentPicture = evt.target.closest('.picture');
 
     if (currentPicture) {
diff --git a/js/render-thumbnails.js b/js/render-thumbnails.js
index d49e65b..4e22476 100644
--- a/js/render-thumbnails.js
+++ b/js/render-thumbnails.js
@@ -1,7 +1,7 @@
 import {createPhotoList} from './data.js';
 
-const pictures = document.querySelector('.pictures');
-const thumbnailsTemplate = document.querySelector('#picture')
+const picturesContainer = document.querySelector('.pictures');
+const thumbnailTemplate = document.querySelector('#picture')
   .content
   .querySelector('.picture');
 
@@ -11,7 +11,7 @@ const renderThumbnails = () => {
   const usersThumbnailsFragment = document.createDocumentFragment();
 
   usersThumbnails.forEach((photo) => {
-    const usersElement = thumbnailsTemplate.cloneNode(true);
+    const usersElement = thumbnailTemplate.cloneNode(true);
     usersElement.dataset.pictureId = photo.id;
     usersElement.querySelector('.picture__img').src = photo.url;
     usersElement.querySelector('.picture__img').alt = photo.description;
@@ -20,8 +20,8 @@ const renderThumbnails = () => {
     usersThumbnailsFragment.appendChild(usersElement);
   });
 
-  pictures.appendChild(usersThumbnailsFragment);
+  picturesContainer.appendChild(usersThumbnailsFragment);
 
 };
 
-export {renderThumbnails, pictures};
+export {renderThumbnails, picturesContainer};