fix: fixes spaces

Author: zarram89

js/ui/big-picture/comments.js

@@ -10,67 +10,67 @@ let commentsShown = 0;
 let isLoaderInitialized = false;
 
 const createComment = ({ avatar, name, message }) => {
-	const li = document.createElement('li');
-	li.className = 'social__comment';
+  const li = document.createElement('li');
+  li.className = 'social__comment';
 
-	const img = document.createElement('img');
-	img.className = 'social__picture';
-	img.src = avatar;
-	img.alt = name;
-	img.width = 35;
-	img.height = 35;
+  const img = document.createElement('img');
+  img.className = 'social__picture';
+  img.src = avatar;
+  img.alt = name;
+  img.width = 35;
+  img.height = 35;
 
-	const text = document.createElement('p');
-	text.className = 'social__text';
-	text.textContent = message;
+  const text = document.createElement('p');
+  text.className = 'social__text';
+  text.textContent = message;
 
-	li.append(img, text);
+  li.append(img, text);
 
-	return li;
+  return li;
 };
 
 const renderComments = () => {
-	const next = Math.min(commentsShown + COMMENTS_PER_PORTION, comments.length);
+  const next = Math.min(commentsShown + COMMENTS_PER_PORTION, comments.length);
 
-	const fragment = document.createDocumentFragment();
+  const fragment = document.createDocumentFragment();
 
-	for (let i = commentsShown; i < next; i++) {
-		fragment.append(createComment(comments[i]));
-	}
+  for (let i = commentsShown; i < next; i++) {
+    fragment.append(createComment(comments[i]));
+  }
 
-	commentsList.append(fragment);
+  commentsList.append(fragment);
 
-	commentsShown = next;
+  commentsShown = next;
 
-	shownCount.textContent = String(commentsShown);
-	totalCount.textContent = String(comments.length);
+  shownCount.textContent = String(commentsShown);
+  totalCount.textContent = String(comments.length);
 
-	if (commentsShown >= comments.length) {
-		commentsLoader.classList.add('hidden');
-	} else {
-		commentsLoader.classList.remove('hidden');
-	}
+  if (commentsShown >= comments.length) {
+    commentsLoader.classList.add('hidden');
+  } else {
+    commentsLoader.classList.remove('hidden');
+  }
 };
 
 const resetComments = (newComments = []) => {
-	comments = newComments;
-	commentsShown = 0;
+  comments = newComments;
+  commentsShown = 0;
 
-	commentsList.innerHTML = '';
-	commentsLoader.classList.remove('hidden');
+  commentsList.innerHTML = '';
+  commentsLoader.classList.remove('hidden');
 };
 
 const initCommentsLoader = () => {
-	if (isLoaderInitialized) {
-		return;
-	}
-	isLoaderInitialized = true;
+  if (isLoaderInitialized) {
+    return;
+  }
+  isLoaderInitialized = true;
 
-	commentsLoader.addEventListener('click', renderComments);
+  commentsLoader.addEventListener('click', renderComments);
 };
 
 export {
-	renderComments,
-	resetComments,
-	initCommentsLoader,
+  renderComments,
+  resetComments,
+  initCommentsLoader,
 };

js/ui/thumbnails.js

@@ -20,7 +20,8 @@ const renderThumbnails = (pictures, container, template) => {
   const fragment = document.createDocumentFragment();
 
   pictures.forEach((picture) => {
-    fragment.append(createThumbnail(picture, template));
+    const thumbnail = createThumbnail(picture, template);
+    fragment.append(thumbnail);
   });
 
   container.append(fragment);