Change into array in create-form

Author: cristianbgp

api/app/serializers/club_serializer.rb

@@ -7,7 +7,6 @@ def image
     # rails_blob_path(object.image, only_path: true) if object.image.attached?
     if self.object.image.attached?
       object.image.map do |img|
-        p "CRIS", url_for(img)
         url_for(img)
       end
     end

client/src/services/club.js

@@ -13,7 +13,6 @@ async function postClub(club) {
     console.log(errors);
     throw new Error(errors);
   }
-
   return response.json();
 }
 

client/src/views/create-club.js

@@ -11,7 +11,7 @@ function CreateClub() {
     name: "",
     address: "",
     district: "",
-    image: null
+    image: []
   });
   const [schedule, setSchedule] = React.useState({
     "monday-friday": {
@@ -31,8 +31,7 @@ function CreateClub() {
 
   function handleChange(e) {
     if (e.target.name === "image") {
-      console.log([...e.target.files]);
-      setFields({ ...fields, image: e.target.files[0] });
+      setFields({ ...fields, image: [...fields.image, ...e.target.files] });
     } else {
       setFields({ ...fields, [e.target.name]: e.target.value });
     }
@@ -50,7 +49,13 @@ function CreateClub() {
     e.preventDefault();
     const formData = new FormData();
     Object.keys(fields).forEach(key => {
-      formData.append(key, fields[key]);
+      if (key === "image") {
+        fields[key].forEach(file => {
+          formData.append("image[]", file);
+        });
+      } else {
+        formData.append(key, fields[key]);
+      }
     });
     const { results } = await getCoords(
       `${fields.address}, ${fields.district}`