From e43fa02ead012f14137bc8646654874d922cfb72 Mon Sep 17 00:00:00 2001
From: Jonasz Bigda <jonasz@bankai.pl>
Date: Sun, 6 Dec 2020 22:58:09 +0100
Subject: [PATCH] image upload broken

---
 src/components/Input/ImageUpload.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Input/ImageUpload.js b/src/components/Input/ImageUpload.js
index 2c3e1d4..cb39153 100644
--- a/src/components/Input/ImageUpload.js
+++ b/src/components/Input/ImageUpload.js
@@ -1,10 +1,12 @@
 import React, { useState } from "react";
 import CircularProgress from "@material-ui/core/CircularProgress";
-import { useSelector } from "react-redux";
+import { useSelector, useDispatch } from "react-redux";
 import axios from "axios";
 import { backend } from "../../config";
+import { notification } from "../../actions/index";
 
 export default function ImageUpload(props) {
+  const dispatch = useDispatch();
   const { img } = props;
   const [loading, setLoading] = useState(false);
   const token = useSelector((state) => state.data.userData.jwt);
@@ -28,15 +30,15 @@ export default function ImageUpload(props) {
         setLoading(false);
       })
       .catch((error) => {
-        console.log("Wystąpił błąd podczas wgrywania pliku.");
-        setLoading(false);
-        throw error;
+          dispatch(notification("Błąd wysyłania. Sprawdź rozmiar pliku (max 3MB.)", "error"))
+          setLoading(false);
+          throw error;
       });
   };
 
   let imagePreview = (
     <div className="image-preview">
-      {loading ? <CircularProgress /> : "Proszę wybrać obraz. (max. 2MB)"}
+      {loading ? <CircularProgress /> : "Proszę wybrać obraz. (max. 3MB)"}
     </div>
   );
   if (img) {