Fix EXIF GPS metadata extraction on mobile

src/routes/home/Home.js

@@ -665,7 +665,6 @@ class Home extends React.Component {
         onDrop={attachmentData => {
           this.handleAttachmentData({ attachmentData });
         }}
-        accept="image/*, video/*"
         style={{
           position: 'fixed',
           top: 0,
@@ -1001,7 +1000,6 @@ class Home extends React.Component {
             >
               <fieldset disabled={this.state.isSubmitting}>
                 <FileReaderInput
-                  accept="image/*"
                   multiple
                   as="buffer"
                   onChange={this.handleAttachmentInput}
@@ -1010,20 +1008,7 @@ class Home extends React.Component {
                     margin: '1px',
                   }}
                 >
-                  <button type="button">Add picture(s)</button>
-                </FileReaderInput>
-
-                <FileReaderInput
-                  accept="video/*"
-                  multiple
-                  as="buffer"
-                  onChange={this.handleAttachmentInput}
-                  style={{
-                    float: 'left',
-                    margin: '1px',
-                  }}
-                >
-                  <button type="button">Add video(s)</button>
+                  <button type="button">Add pictures/videos</button>
                 </FileReaderInput>
 
                 <div

src/routes/home/__snapshots__/Home.test.js.snap

@@ -206,7 +206,6 @@ exports[`Home renders children correctly 1`] = `
             }
           >
             <input
-              accept="image/*"
               multiple={true}
               onChange={[Function]}
               onClick={[Function]}
@@ -221,36 +220,7 @@ exports[`Home renders children correctly 1`] = `
             <button
               type="button"
             >
-              Add picture(s)
-            </button>
-          </div>
-          <div
-            className="_react-file-reader-input"
-            onClick={[Function]}
-            style={
-              Object {
-                "float": "left",
-                "margin": "1px",
-              }
-            }
-          >
-            <input
-              accept="video/*"
-              multiple={true}
-              onChange={[Function]}
-              onClick={[Function]}
-              style={
-                Object {
-                  "position": "absolute",
-                  "top": "-9999px",
-                }
-              }
-              type="file"
-            />
-            <button
-              type="button"
-            >
-              Add video(s)
+              Add pictures/videos
             </button>
           </div>
           <div
@@ -808,7 +778,6 @@ exports[`Home renders children correctly 1`] = `
     </main>
   </div>
   <input
-    accept="image/*, video/*"
     autoComplete="off"
     disabled={false}
     multiple={true}