CEC-179 Car download progress (#32)

* Display download progress

* Change default

* Fix

* Fix

* Update readme

* Update readme and defaults
Fix Dockerfile

src/components/UpdatePackages/Create/index.jsx

@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React, { useRef, useState } from "react";
 import { Button, TextField, Typography } from "@material-ui/core";
 import { DropzoneArea } from "material-ui-dropzone";
 import { useUserContext } from "../../Contexts/UserContext";
@@ -9,6 +9,7 @@ import {
 } from "../../Contexts/FileUploadContext";
 import ModalProgressBar from "../../ModalProgressBar";
 import useStyles from "../../useStyles";
+import { Redirect } from "react-router";
 
 const FileUploadZone = ({ classes, token }) => {
   const { setFiles } = useFileUploadContext();
@@ -39,9 +40,10 @@ const FileUploadZone = ({ classes, token }) => {
 };
 
 const MainForm = () => {
-  const { uploading, upload, files } = useFileUploadContext();
+  const { uploading, upload, files, cancel } = useFileUploadContext();
   const { token } = useUserContext();
   const { setMessage } = useStatusContext();
+  const [redirect, setRedirect] = useState(null);
   const classes = useStyles();
   const packagenameEl = useRef(null);
   const versionEl = useRef(null);
@@ -59,17 +61,26 @@ const MainForm = () => {
         description: descEl.current.value,
         releasenotes: releasenotesEl.current.value,
       };
+      const result = await upload(formData, authToken, files);
 
-      await upload(formData, authToken, files);
+      if (!result || result.error) return;
+
+      cancel();
+      setMessage(`Package uploaded`);
+      setRedirect(`/carupdate-deploy/${result.id}`);
     } catch (e) {
       setMessage(e.message);
     }
   };
 
+  if (redirect && redirect.length > 0) {
+    return <Redirect to={redirect} />;
+  }
+
   return (
     <div className={classes.paper}>
       <Typography component="h1" variant="h5">
-        Upload Update Package
+        Create Update Package
       </Typography>
       <form className={classes.form} noValidate action="{onSubmit}">
         <TextField
@@ -107,6 +118,7 @@ const MainForm = () => {
           inputProps={{
             maxLength: "5120",
           }}
+          required
           fullWidth
           multiline
           rows={4}
@@ -122,6 +134,7 @@ const MainForm = () => {
           inputProps={{
             maxLength: "1024",
           }}
+          required
           fullWidth
           placeholder="Release Notes URL"
           inputRef={releasenotesEl}