web client v 0.1

src/components/Input/ImageUpload.js

@@ -1,8 +1,10 @@
 import React, { useState } from "react";
+import CircularProgress from "@material-ui/core/CircularProgress";
 import axios from "axios";
 
 export default function ImageUpload() {
   const [imagePreviewURL, setPreviewURL] = useState("");
+  let showCircle = false;
 
   const handleInputChange = (event) => {
     let data = new FormData();
@@ -31,7 +33,11 @@ export default function ImageUpload() {
     reader.readAsDataURL(event.target.files[0]);
   };
 
-  let imagePreview = <div className="image-preview">Proszę wybrać obraz.</div>;
+  let imagePreview = (
+    <div className="image-preview">
+      {showCircle ? <CircularProgress /> : "Proszę wybrać obraz."}
+    </div>
+  );
   if (imagePreviewURL) {
     imagePreview = (
       <div