Fix image upload command for Windows and Linux (#75)

* Added upload image command for Linux and Windows | removed duplicate npm script command

* Changed color of propType dropdown to white

* Fixed requiredProp switch toggling

* re-added package-lock.json

* Changed double quotes to single quotes

* enclosed typeOptions jsx in brackets

* npm prestart | upload image shortcut

* image upload shortcut

* image upload shortcut

* upload image shortcut

Author: derskeal

.gitignore

@@ -154,6 +154,9 @@ $RECYCLE.BIN/
 ##
 ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
 
+#VSCode
+.vscode/
+
 # User-specific files
 *.suo
 *.user
@@ -480,4 +483,4 @@ ASALocalRun/
 React-Proto.dmg
 installers/
 
-# End of https://www.gitignore.io/api/node,linux,macos,windows,visualstudio,yarn
+# End of https://www.gitignore.io/api/node,linux,macos,windows,visualstudio,yarn

src/components/Info.jsx

@@ -1,8 +1,10 @@
-import React from 'react';
+import React from "react";
+
+const command = window.navigator.platform.match(/^mac/) ? 'Cmd+O' : 'Ctrl+Shift+O';
 
 const Info = () => (
   <div className="info">
-    <h1>Press Cmd+O to upload an image</h1>
+    <h1>Press {command} to upload an image</h1>
   </div>
 );
 

src/components/Props.jsx

@@ -77,13 +77,15 @@ const typeOptions = [
     key=''
   >
   </option>,
-  ...Object.keys(availablePropTypes).map(
-    type => <option
+  ...Object.keys(availablePropTypes).map(type => (
+    <option
       value={type}
       key={type}
+      style={{ color: '#000'}}
     >
       {type}
-    </option>,
+    </option>
+    ),
   ),
 ];
 
@@ -101,6 +103,12 @@ class Props extends Component {
     });
   }
 
+  togglePropRequired = () => {
+    this.setState({
+      propRequired: !this.state.propRequired,
+    });
+  }
+
   handleAddProp = (event) => {
     event.preventDefault();
     const {
@@ -190,7 +198,7 @@ class Props extends Component {
                   <InputLabel className={classes.light} htmlFor='propRequired'>Required?</InputLabel>
                   <Switch
                     checked={this.state.propRequired}
-                    onChange={this.handleChange}
+                    onChange={this.togglePropRequired}
                     value='propRequired'
                     color='secondary'
                     id='propRequired'