Address code review comments

.eslintrc

@@ -1,4 +1,8 @@
 ---
-extends: '@elastic/kibana'
 rules:
   no-unused-vars: off
+plugins:
+  ['react']
+extends:
+  ['@elastic/kibana',
+   'plugin:react/recommended']

package.json

@@ -193,6 +193,7 @@
     "eslint": "3.11.1",
     "eslint-plugin-babel": "4.0.0",
     "eslint-plugin-mocha": "4.7.0",
+    "eslint-plugin-react": "6.9.0",
     "event-stream": "3.3.2",
     "expect.js": "0.3.1",
     "faker": "1.1.0",

src/core_plugins/kibana/public/visualize/listing/create_or_delete_button.js

@@ -5,11 +5,15 @@ import { DeleteButton } from 'ui_framework/components/button/delete_button';
 
 export function CreateOrDeleteButton({ showCreate, doDelete }) {
   if (showCreate) {
-    return <CreateButtonLink href = "#/visualize/new"
-                             tooltip = "Create new visualization" />;
+    return <CreateButtonLink
+      href = "#/visualize/new"
+      tooltip = "Create new visualization"
+    />;
   } else {
-    return <DeleteButton onClick={() => doDelete() }
-                         tooltip="Delete selected visualizations" />;
+    return <DeleteButton
+      onClick={() => doDelete() }
+      tooltip="Delete selected visualizations"
+    />;
   }
 }
 

ui_framework/components/button/create_button_link.js

@@ -1,10 +1,13 @@
 import React from 'react';
 
+import classnames from 'classnames';
 import { KuiButtonLink } from './kui_button_link';
-import { CreateIcon } from '../icon/create_icon';
+import { CreateIcon } from '../icon';
 
 export function CreateButtonLink(props) {
-  return <KuiButtonLink className="kuiButton--primary" {...props}>
+  const { className, ...rest } = props;
+  const classes = classnames('kuiButton--primary', className);
+  return <KuiButtonLink className={classes} {...rest}>
     <CreateIcon />
   </KuiButtonLink>;
 }

ui_framework/components/button/kui_button.js

@@ -3,21 +3,22 @@ import classnames from 'classnames';
 
 import { KuiTooltip } from '../tooltip/kui_tooltip';
 
-export function KuiButton({ className, onClick, tooltip, children}) {
+export function KuiButton({ className, onClick, tooltip, children }) {
   const classes = classnames('kuiButton', className);
   const button = <button
-      className={ classes }
-      aria-label={ tooltip }
-      onClick={ onClick }
-    >
-      { children }
-    </button>;
+    className={ classes }
+    aria-label={ tooltip }
+    onClick={ onClick }
+  >
+    { children }
+  </button>;
 
   return tooltip ? <KuiTooltip text={ tooltip }>{ button } </KuiTooltip> : button;
 }
 
 KuiButton.propTypes = {
   tooltip: React.PropTypes.string,
   className: React.PropTypes.string,
-  onClick: React.PropTypes.func
+  onClick: React.PropTypes.func,
+  children: React.PropTypes.array
 };

ui_framework/components/icon/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { KuiIcon } from './kui_icon';
+
+export const DeleteIcon = () => <KuiIcon className="fa-trash"/>;
+export const CreateIcon = () => <KuiIcon className="fa-plus"/>;
+