From a9d739b0039a2b73982c5e2254125188baa76fa2 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Tue, 2 Feb 2021 23:54:12 +0000
Subject: [PATCH] fix(contact): prevent upload button from submitting form

---
 src/pages/contact.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/contact.js b/src/pages/contact.js
index 8f9525f..0dcfec4 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -36,6 +36,11 @@ export default function Index({ data }) {
   const [uploadFiles, setUploadFiles] = useState();
   const [files, setFiles] = useState({});
 
+  const handleUploadClick = e => {
+    e.preventDefault();
+    setUploadFiles(true);
+  };
+
   const handleSubmit = e => {
     e.preventDefault();
     const body = encode({
@@ -49,7 +54,6 @@ export default function Index({ data }) {
       message: e.target.message.value,
       files
     });
-    console.log(body);
 
     fetch("/contact", { method: "POST", body })
       .then(res => {
@@ -241,7 +245,7 @@ export default function Index({ data }) {
                   <InputText id="contact-message" name="message" textArea />
                   <Button
                     style={{ display: uploadFiles ? "none" : "inline-block" }}
-                    onClick={() => setUploadFiles(true)}
+                    onClick={handleUploadClick}
                   >
                     Upload images
                   </Button>