dan/abc-project-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(contact): prevent upload button from submitting form

Browse Source
This commit is contained in:
Dan Head
2021-02-02 23:54:12 +00:00
parent 9c779e462c
commit a9d739b003
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/contact.js
View File

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