Linting and add required attribute.

bikeshop_project/assets/js/components/Purpose.jsx

@@ -1,6 +1,6 @@
+import MenuItem from 'material-ui/MenuItem';
 import React from 'react';
 import SelectField from 'material-ui/SelectField';
-import MenuItem from 'material-ui/MenuItem';
 
 export default class Purpose extends React.Component {
   render() {
@@ -8,14 +8,14 @@ export default class Purpose extends React.Component {
       <SelectField
         value={this.props.default}
         onChange={this.props.handleChange.bind(this)}
-              fullWidth={true}
+        fullWidth
         tabIndex={this.props.tabIndex}
       >
-                <MenuItem value={'VOLUNTEER'} primaryText="Volunteer" />
+        <MenuItem value={'VOLUNTEER'} primaryText="Volunteer" caption={'Volunteer'} />
-                <MenuItem value={'FIX'} primaryText="Fix" />
+        <MenuItem value={'FIX'} primaryText="Fix" caption={'Fix'} />
-                <MenuItem value={'WORKSHOP'} primaryText="Workshop" />
+        <MenuItem value={'WORKSHOP'} primaryText="Workshop" caption={'Workshop'} />
-                <MenuItem value={'DONATE'} primaryText="Donate" />
+        <MenuItem value={'DONATE'} primaryText="Donate" caption={'Donate'} />
-                <MenuItem value={'STAFF'} primaryText="Staff" />
+        <MenuItem value={'STAFF'} primaryText="Staff" caption={'Staff'} />
       </SelectField>
     );
   }