homework solution file upload types

src/components/forms/AddSolutionForm.js

-import React, { Component } from 'react';
+import './Forms.css';
+
 import {
-  Modal,
   Button,
+  Dimmer,
+  Divider,
   Form,
-  Input,
-  TextArea,
-  Icon,
   Header,
-  Segment,
-  Divider,
-  Dimmer,
+  Icon,
+  Input,
   Loader,
+  Modal,
+  Segment,
+  TextArea,
 } from 'semantic-ui-react';
-import { connect } from 'react-redux';
+import React, { Component } from 'react';
 import {
-  addSolution,
-  writeSolution,
-  writeSolutionFile,
   addDocument,
+  addSolution,
   clearWrite,
   getDocuments,
   getSolutions,
+  writeSolution,
+  writeSolutionFile,
 } from '../../actions/homework';
-import './Forms.css';
+
 import ConfirmModal from './ConfirmModal';
+import { connect } from 'react-redux';
 import { customMessage } from '../pages/Homework';
 
 const allowedFileTypes = [
   'image/jpeg',
   'image/png',
-  'application/x-zip-compressed',
+  'application/zip',
+  'application/x-zip',
 ];
 
 // in megabytes
@@ -181,6 +184,7 @@ class AddSolutionForm extends Component {
                 </label>
                 <Input
                   type="file"
+                  accept={allowedFileTypes.join(',')}
                   onChange={(e) => this.props.writeSolutionFile(e)}
                 />
               </Form.Field>