Add Restaurant almost done

src/components/Input/ImageUpload.js

@@ -1,14 +1,16 @@
 import React, { useState } from "react";
 import CircularProgress from "@material-ui/core/CircularProgress";
+import { useSelector } from "react-redux";
 import axios from "axios";
 
-export default function ImageUpload() {
-  const [imagePreviewURL, setPreviewURL] = useState("");
+export default function ImageUpload(props) {
+  const [imagePreviewURL, setPreviewURL] = useState(props.img);
   let showCircle = false;
+  const token = useSelector((state) => state.data.jwt);
 
   const handleInputChange = (event) => {
     let data = new FormData();
-    data.append("menuiImage", new Blob([event.target.files[0]]));
+    data.append("menuiImage", event.target.files[0]);
 
     axios({
       url: "http://localhost:4000/img",
@@ -17,20 +19,16 @@ export default function ImageUpload() {
       headers: {
         Accept: "application/json",
         "Content-Type": "multipart/form-data",
+        "x-auth-token": token,
       },
     })
       .then((response) => {
-        console.log(response);
+        setPreviewURL(response.data.imgURL);
+        props.onUpload(response.data.imgURL);
       })
       .catch((error) => {
-        console.log(error);
+        console.log("Wystąpił błąd podczas wgrywania pliku.");
       });
-
-    let reader = new FileReader();
-    reader.onloadend = () => {
-      setPreviewURL(reader.result);
-    };
-    reader.readAsDataURL(event.target.files[0]);
   };
 
   let imagePreview = (