Enable file upload form

Enable error boundary to catch React errors (#7)
Fix warning for link noreferrer
Include authorization header with file upload
This commit is contained in:
John Wu
2021-01-20 13:36:40 -08:00
committed by GitHub
parent ec4dd7d35d
commit fcde299197
9 changed files with 43 additions and 24 deletions

View File

@@ -1,13 +1,15 @@
jest.mock("../Contexts/UserContext");
jest.mock("../Contexts/FileUploadContext");
import { BrowserRouter } from 'react-router-dom';
import { render, cleanup } from "@testing-library/react"
import FileUploadForm from './index';
import { BrowserRouter } from "react-router-dom";
import { render, cleanup } from "@testing-library/react";
import FileUploadForm from "./index";
import { setToken } from "../Contexts/UserContext";
describe("File Upload Form", () => {
it("Should render", () => {
setToken({ accessToken: { jwtToken: "TEST" } });
const { container } = render(<BrowserRouter><FileUploadForm /></BrowserRouter>);
expect(container).toMatchSnapshot();
cleanup();

View File

@@ -6,17 +6,18 @@ import { useFileUploadContext, FileUploadProvider } from "../Contexts/FileUploa
import ModalProgressBar from "../ModalProgressBar";
import useStyles from "../Styles";
const FileUploadZone = ({ classes }) => {
const { uploading, progress, status, linkURL, upload, cancel } = useFileUploadContext();
const FileUploadZone = ({ classes, token }) => {
const { upload } = useFileUploadContext();
const { token: { accessToken: { jwtToken : authToken } } } = useUserContext();
return (
<form className={classes.form} noValidate>
<DropzoneAreaBase
maxFileSize={5e+7}
showAlerts={false}
onAdd={upload}
onAdd={(files) => upload(files, authToken)}
/>
<ModalProgressBar uploading={uploading} progress={progress} onCancel={cancel} status={status} linkURL={linkURL} />
<ModalProgressBar />
</form>
);
};