Merge pull request #30 from Scout-NU/file-upload

file upload
Scout-NU · May 22, 2022 · 024e02e · 024e02e
2 parents ee612de + ccddee8
commit 024e02e
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/pages/submit.js b/src/pages/submit.js
@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { graphql, useStaticQuery } from 'gatsby';
-import Layout from '../components/Layout';
-import { H2, P, H3, YELLOW, MarginContainer } from '../styles/styles';
-import { PrismicRichText } from '@prismicio/react';
+import * as React from "react";
+import { graphql, useStaticQuery } from "gatsby";
+import Layout from "../components/Layout";
+import { H2, P, H3, YELLOW, MarginContainer } from "../styles/styles";
+import { PrismicRichText } from "@prismicio/react";
 import {
   HeaderImage,
   GetInvolvedSection,
@@ -23,9 +23,9 @@ import {
   PaddedInput,
   SubmitContainer,
   Sprinkle,
-} from '../styles/submit.styles';
-import Button from '../components/Button';
-import Triangle from '../images/sprinkles/Triangle-red.svg';
+} from "../styles/submit.styles";
+import Button from "../components/Button";
+import Triangle from "../images/sprinkles/Triangle-red.svg";
 
 const Submit = () => {
   const submitQuery = useStaticQuery(graphql`
@@ -150,7 +150,9 @@ const Submit = () => {
               name="Submit Work Form"
               method="POST"
               data-netlify="true"
-              action="/submit">
+              enctype="multipart/form-data"
+              action="/submit"
+            >
               <input type="hidden" name="form-name" value="Submit Work Form" />
               <FormRow>
                 <PaddedInput
@@ -181,7 +183,7 @@ const Submit = () => {
               />
               <FormRow>
                 <UploadButton>
-                  <HiddenInput type="file" />
+                  <HiddenInput name="file" type="file" />
                   <UploadButtonText>
                     <UploadIcon />
                     {uploadButtonLabel.text}