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 = (