From 4074852d42f127f8c0594c99eed509a2cf196965 Mon Sep 17 00:00:00 2001
From: Javi Velasco <javier.velasco86@gmail.com>
Date: Sat, 19 Sep 2015 17:53:31 +0200
Subject: [PATCH] Rewrite font icon in ES6

---
 components/font_icon/index.cjsx | 20 ------------------
 components/font_icon/index.jsx  | 37 +++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 20 deletions(-)
 delete mode 100644 components/font_icon/index.cjsx
 create mode 100644 components/font_icon/index.jsx

diff --git a/components/font_icon/index.cjsx b/components/font_icon/index.cjsx
deleted file mode 100644
index 7ed04f4d6..000000000
--- a/components/font_icon/index.cjsx
+++ /dev/null
@@ -1,20 +0,0 @@
-localCSS = require './style'
-
-module.exports = React.createClass
-  displayName: 'FontIcon',
-
-  # -- States & Properties
-  propTypes:
-    className   : React.PropTypes.string
-    value       : React.PropTypes.string
-
-  getDefaultProps: ->
-    className   : ''
-
-  onClick: (event) ->
-    @props.onClick? @props.onClick(event)
-
-  # -- Render
-  render: ->
-    className = "#{localCSS.root} #{@props.className} #{@props.value}"
-    <span data-react-toolbox='icon' className={className} onClick={@onClick} />
diff --git a/components/font_icon/index.jsx b/components/font_icon/index.jsx
new file mode 100644
index 000000000..1074557a7
--- /dev/null
+++ b/components/font_icon/index.jsx
@@ -0,0 +1,37 @@
+/* global React */
+
+import { addons } from 'react/addons';
+import style from './style';
+
+export default React.createClass({
+  mixins: [addons.PureRenderMixin],
+
+  displayName: 'FontIcon',
+
+  propTypes: {
+    className: React.PropTypes.string,
+    value: React.PropTypes.string
+  },
+
+  getDefaultProps () {
+    return {
+      className: ''
+    };
+  },
+
+  onClick (event) {
+    if (this.props.onClick) {
+      this.props.onClick(event);
+    }
+  },
+
+  render () {
+    return (
+      <span
+        data-react-toolbox='icon'
+        className={`${style.root} ${this.props.className} ${this.props.value}`}
+        onClick={this.props.onClick}
+      />
+    );
+  }
+});