IMAGINATION IN PROGRESS

Skip to content

Add "Submit" Button to Upload Form

We'll need to add a submit button to the form to allow users to push their photos after they've selected them and selected the appropriate district competition.

Looking at the Material UI docs, it seems reasonable that we'd be able to use a "LoadingButton" with the "send" icon; something like this:

    <FormControl fullWidth mt={3}>
      <LoadingButton
        type="submit"
        endIcon={<SendIcon />}
        loading={this.state.uploading}
        loadingPosition="end"
        variant="contained"
      >
    </FormControl>

That can all be placed in the frontend/src/PhotoUploadForm.js file between lines 90 and 91 (the "</FormControl>" and "</form>" tags).

This entails adding another React element, as well. We'll need to add uploading to the state structure (lines 15-19 of the same file) and give it a default value of false.