Fix linting issues

Author: sebjacobs

src/components/monitor/monitor.jsx

@@ -1,56 +1,56 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import PropTypes from "prop-types";
-import Draggable from "react-draggable";
-import { FormattedMessage } from "react-intl";
-import { ContextMenuTrigger } from "react-contextmenu";
+import React from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
+import Draggable from 'react-draggable';
+import {FormattedMessage} from 'react-intl';
+import {ContextMenuTrigger} from 'react-contextmenu';
 import {
     BorderedMenuItem,
     ContextMenu,
-    MenuItem,
-} from "../context-menu/context-menu.jsx";
-import Box from "../box/box.jsx";
-import DefaultMonitor from "./default-monitor.jsx";
-import LargeMonitor from "./large-monitor.jsx";
-import SliderMonitor from "../../containers/slider-monitor.jsx";
-import ListMonitor from "../../containers/list-monitor.jsx";
-import { getColorsForTheme } from "../../lib/themes/index.js";
+    MenuItem
+} from '../context-menu/context-menu.jsx';
+import Box from '../box/box.jsx';
+import DefaultMonitor from './default-monitor.jsx';
+import LargeMonitor from './large-monitor.jsx';
+import SliderMonitor from '../../containers/slider-monitor.jsx';
+import ListMonitor from '../../containers/list-monitor.jsx';
+import {getColorsForTheme} from '../../lib/themes/index.js';
 
-import styles from "./monitor.css";
+import styles from './monitor.css';
 
 // Map category name to color name used in scratch-blocks Blockly.Colours. Note
 // that Blockly uses the UK spelling of "colour", so fields that interact
 // directly with Blockly follow that convention, while Scratch code uses the US
 // spelling of "color".
 const categoryColorMap = {
-    data: "data",
-    sensing: "sensing",
-    sound: "sounds",
-    looks: "looks",
-    motion: "motion",
-    list: "data_lists",
-    extension: "pen",
+    data: 'data',
+    sensing: 'sensing',
+    sound: 'sounds',
+    looks: 'looks',
+    motion: 'motion',
+    list: 'data_lists',
+    extension: 'pen'
 };
 
 const modes = {
     default: DefaultMonitor,
     large: LargeMonitor,
     slider: SliderMonitor,
-    list: ListMonitor,
+    list: ListMonitor
 };
 
 const getCategoryColor = (theme, category) => {
     const colors = getColorsForTheme(theme);
     return {
         background: colors[categoryColorMap[category]].colourPrimary,
-        text: colors.text,
+        text: colors.text
     };
 };
 
-const MonitorComponent = (props) => (
+const MonitorComponent = props => (
     <ContextMenuTrigger
         disable={!props.draggable}
-        holdToDisplay={props.mode === "slider" ? -1 : 1000}
+        holdToDisplay={props.mode === 'slider' ? -1 : 1000}
         id={`monitor-${props.label}`}
     >
         <Draggable
@@ -64,17 +64,17 @@ const MonitorComponent = (props) => (
                 className={styles.monitorContainer}
                 componentRef={props.componentRef}
                 onDoubleClick={
-                    props.mode === "list" || !props.draggable
-                        ? null
-                        : props.onNextMode
+                    props.mode === 'list' || !props.draggable ?
+                        null :
+                        props.onNextMode
                 }
             >
                 {React.createElement(modes[props.mode], {
                     categoryColor: getCategoryColor(
                         props.theme,
                         props.category
                     ),
-                    ...props,
+                    ...props
                 })}
             </Box>
         </Draggable>
@@ -111,7 +111,7 @@ const MonitorComponent = (props) => (
                         />
                     </MenuItem>
                 )}
-                {props.onSliderPromptOpen && props.mode === "slider" && (
+                {props.onSliderPromptOpen && props.mode === 'slider' && (
                     <BorderedMenuItem onClick={props.onSliderPromptOpen}>
                         <FormattedMessage
                             defaultMessage="change slider range"
@@ -170,12 +170,12 @@ MonitorComponent.propTypes = {
     onSetModeToLarge: PropTypes.func,
     onSetModeToSlider: PropTypes.func,
     onSliderPromptOpen: PropTypes.func,
-    theme: PropTypes.string.isRequired,
+    theme: PropTypes.string.isRequired
 };
 
 MonitorComponent.defaultProps = {
-    category: "extension",
-    mode: "default",
+    category: 'extension',
+    mode: 'default'
 };
 
-export { MonitorComponent as default, monitorModes };
+export {MonitorComponent as default, monitorModes};