From a5f677a3773f879de9c48c49345bd8a7f8a1a3a7 Mon Sep 17 00:00:00 2001
From: Sam Coenen <sam.coenen@gingerstudios.be>
Date: Thu, 25 Jan 2018 15:31:22 +0100
Subject: [PATCH] Adding headers to the file inputs in preparation of Blob type
 support

---
 app/components/file-input.js        | 1 +
 app/components/multiple-uploader.js | 2 +-
 app/components/single-uploader.js   | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/file-input.js b/app/components/file-input.js
index f9b3af5..95fc272 100644
--- a/app/components/file-input.js
+++ b/app/components/file-input.js
@@ -1,5 +1,6 @@
 const FileInput = props => (
   <div>
+    <h3>{props.title}</h3>
     <input type="file" {...props} />
     <style jsx>{`
       div {
diff --git a/app/components/multiple-uploader.js b/app/components/multiple-uploader.js
index cf086b0..fa31d15 100644
--- a/app/components/multiple-uploader.js
+++ b/app/components/multiple-uploader.js
@@ -15,7 +15,7 @@ const MultipleUploader = ({ mutate }) => {
       }
     })
 
-  return <FileInput multiple required onChange={handleChange} />
+  return <FileInput multiple required onChange={handleChange} title={'Multiple files upload'} />
 }
 
 export default graphql(gql`
diff --git a/app/components/single-uploader.js b/app/components/single-uploader.js
index ece6fb3..1cba2b6 100644
--- a/app/components/single-uploader.js
+++ b/app/components/single-uploader.js
@@ -15,7 +15,7 @@ const SingleUploader = ({ mutate }) => {
       }
     })
 
-  return <FileInput required onChange={handleChange} />
+  return <FileInput required onChange={handleChange} title={'Single file upload'} />
 }
 
 export default graphql(gql`