fixing linting errors

frontend/src/components/people-list/invite.js

@@ -1,5 +1,6 @@
 const React = require('react');
 
+// const PropTypes = require('@root/prop-types');
 const Row = require('@ui/components/row');
 const Column = require('@ui/components/column');
 const Button = require('@ui/components/button');
@@ -8,9 +9,9 @@ const SelectCustom = require('@ui/components/select-custom');
 const Invite = (props) => {
 
   const {
-    people = [],
+    // people = [],
     handleToggle,
-    platformMembers
+    // platformMembers
   } = props;
 
   const InputStyle = {
@@ -63,14 +64,15 @@ const Invite = (props) => {
         <Row>
           <Column xs={12}>
             <SelectCustom
-              placeholder="Enter an email address or password"
               multi
               onChange={function noop() {}}
               options={selectData}
+              placeholder="Enter an email address or password"
+              style={InputStyle}
             />
             <Button
-              style={AddButtonStyle}
               secondary
+              style={AddButtonStyle}
             >
               Add
             </Button>
@@ -78,9 +80,9 @@ const Invite = (props) => {
         </Row>
 
         <Button
+          onClick={handleToggle}
           secondary
           style={styleInline}
-          onClick={handleToggle}
         >
           Cancel
         </Button>
@@ -97,8 +99,8 @@ const Invite = (props) => {
 
 Invite.propTypes = {
   handleToggle: React.PropTypes.func,
-  orgUI: React.PropTypes.obj,
-  people: React.PropTypes.arrayOf(PropTypes.person)
+  // orgUI: React.PropTypes.obj,
+  // people: React.PropTypes.arrayOf(PropTypes.person)
 };
 
 module.exports = Invite;

frontend/webpack/base.js

@@ -86,12 +86,15 @@ module.exports = {
     },
     {
       test: /\.css$/,
-      exclude: /node_modules/,
-      loaders: [ 'style-loader', 'css-loader' ],
-      include: [
-        FRONTEND,
-        UI
-      ]
+      loader: 'style-loader!css-loader'
+      // XXXX : Commenting out breaks node_modules that use css
+      //        i.e react-select.
+
+      // exclude: /node_modules/,
+      // include: [
+      //   FRONTEND,
+      //   UI
+      // ]
     }]
   }
 };

ui/src/components/select-custom/index.js

@@ -38,11 +38,12 @@ const SelectCustom = ({
 	onChange,
 	options,
   required = false,
+  style,
   value = ''
 }) => {
 
   return (
-    <div>
+    <div style={style}>
       <StyledLabel>
         {label}
       </StyledLabel>
@@ -76,6 +77,7 @@ SelectCustom.propTypes = {
   onChange: React.PropTypes.func,
   options: React.PropTypes.array,
   required: React.PropTypes.bool,
+  style: React.PropTypes.object,
   value: React.PropTypes.string
 };