Fix financial-state sample

Author: mddragnev

samples/ig-financial-state/package.json

@@ -6,6 +6,7 @@
     "@infragistics/ignite-ui-full": "latest",
     "babel-runtime": "6.22.0",
     "bootstrap": "^3.3.7",
+    "create-react-class": "^15.7.0",
     "igniteui-react-wrappers": "^1.4.0",
     "jquery": ">=1.9.1",
     "jquery-ui": ">=1.10.5",

samples/ig-financial-state/src/components/GaugesBox.js

@@ -1,15 +1,18 @@
-import IgLinearGauge from 'igniteui-react-wrappers/ui/igLinearGauge.js';
 import React from 'react';
+import createReactClass from 'create-react-class';
+import IgLinearGauge from 'igniteui-react-wrappers/ui/igLinearGauge.js'
+import '../sample.css';
 
-class GaugesBox extends React.Component {
-	gaugeInterval = 10;
-	revenueColor = "#a4ba29";
-	expensesColor = "#d3404b";
-	profitColor = "#216EDD";
-	needleColor = "white";
-	needleOutlineColor = "#2582a9";
 
-	render() {
+
+var GaugesBox = createReactClass({
+	gaugeInterval: 10,
+	revenueColor: "#a4ba29",
+	expensesColor: "#d3404b",
+	profitColor: "#216EDD",
+	needleColor: "white",
+	needleOutlineColor: "#2582a9",
+	render: function() {
 		return (
 			<div className="gauges">
 				<div className="gauge-container">
@@ -32,7 +35,7 @@ class GaugesBox extends React.Component {
 								endValue: 50,
 								brush: this.revenueColor
 							}
-						]}
+							]}
 						valueChanged={this.revenueChanged} />
 				</div>
 				<div className="gauge-container">
@@ -76,25 +79,22 @@ class GaugesBox extends React.Component {
 								endValue: 50,
 								brush: this.profitColor
 							}
-						]}
+							]}
 						valueChanged={this.profitChanged} />
 				</div>
 				<div className="clear"></div>
 			</div>
 		)
-	}
-
-	revenueChanged = (e, args) => {
+	},
+	revenueChanged: function (e, args) {
 		this.props.changeRevenue(args.newValue);
-	};
-
-	expensesChanged = (e, args) => {
+	},
+	expensesChanged: function (e, args) {
 		this.props.changeExpenses(args.newValue);
-	};
-
-	profitChanged = (e, args) => {
+	},
+	profitChanged: function (e, args) {
 		this.props.changeProfit(args.newValue);
-	};
-}
+	}
+});
 
 export default GaugesBox;