refactor: removendo o que não estava sendo usado

src/scripts/components/form.js

@@ -28,15 +28,15 @@ export class Form {
     }
 
     selectors() {
-        this.src = document.querySelector(".input-image-content");
-        this.form = document.querySelector(".form");
-        this.itemTitle = document.getElementById("titleInput");
-        this.itemDescription = document.getElementById("descriptionText");
+        this.preview = document.querySelector(".input-image-content");
+        this.form = document.querySelector("form");
+        this.itemTitle = document.querySelector("#titleInput");
+        this.itemDescription = document.querySelector("#descriptionText");
         this.slider = document.querySelector(".slider-list");
     }
 
     events() {
-        this.src.addEventListener("change", (e) => {
+        this.preview.addEventListener("change", (e) => {
             document.querySelector("img").src = URL.createObjectURL(e.target.files[0]);
         });
         this.form.addEventListener("submit", this.addItemToList.bind(this));
@@ -80,7 +80,7 @@ export class Form {
     }
 
     resetInputs() {
-        this.src.value = "";
+        this.preview.value = "";
         this.itemTitle.value = "";
         this.itemDescription.value = "";
     }

src/scripts/components/slider.js

@@ -9,7 +9,7 @@ export class Slider {
 $(".slider-list").slick({
     infinite: true,
     slidesToShow: 4,
-    slidesToScroll: 1,
+    slidesToScroll: 4,
     variableWidth: true,
     arrows: true,
     dots: true,

src/styles/partials/slider.scss

@@ -38,7 +38,7 @@ h2 {
                     font-size: 24px;
                     line-height: 28px;
                     color: $title-item-list-color;
-                    max-height: 60px;
+                    height: 60px;
                     margin: 24px 24px 8px 24px;
                     overflow-y: auto;
                     -ms-overflow-style: none;

src/templates/index.html

@@ -18,12 +18,12 @@
         <main>
             <section class="container">
                 <h1 data-test="title-form">Adicionar um Ponto Turístico</h1>
-                <form class="form">
+                <form>
                     <div class="form-container">
                         <div class="form-inputs">
                             <div class="input-image-container" data-test="input-image">
-                                <input type="file" accept="image/*" class="input-image-content" id="input-images"/>
-                                <img src="" alt="" />
+                                <input type="file" accept="image/*" class="input-image-content"/>
+                                <img src="" alt="preview da imagem" />
                             </div>
                             <div class="form-input-descricao">
                                 <input id="titleInput" type="text" placeholder="Título" data-test="input-titulo" class="input-titulo" name="item-title"/>
@@ -84,18 +84,6 @@
                                     amet sint. Velit officia consece duis enim velit mollit.
                                 </p>
                             </li>
-                            <!-- <li class="slider-content" data-test="container-item-list">
-                                <img
-                                    src="imgs/image-item-list-4.png"
-                                    alt=""
-                                    data-test="image-item-list"
-                                />
-                                <h3 data-test="title-item-list">Centro Histórico de Paraty</h3>
-                                <p data-test="description-item-list">
-                                    Amet minim mollit non deserunt ullamco est sit aliqua dolor dosa
-                                    amet sint. Velit officia consece duis enim velit mollit.
-                                </p>
-                            </li> -->
                         </ul>
                     </div>
                 </div>