Created component for donut-chart

Author: booleanhunter

reactjs-adminlte/public/dist/js/chartVendors.bundle.js

@@ -0,0 +1,46 @@
+define(
+    [
+        'react',
+        'jquery',
+        'raphael',
+        'morris'
+    ],
+    function(React, $, Raphael, Morris){
+    	var DonutChart = React.createClass({
+            getDefaultProps: function() {
+                return {
+                    id: 'donut-chart-1',
+                    colors: ['#3c8dbc'],
+                    data: [
+                        {
+                            label: "Donut piece", value: 40
+                        }
+                    ]
+                }
+            },
+            componentDidMount: function(){
+                var donut = new Morris.Donut({
+                    element: this.props.id,
+                    resize: true,
+                    colors: this.props.colors,
+                    data: this.props.data,
+                    hideHover: 'auto'
+                });
+            },
+    		render: function(){
+                var style = {
+                    position: 'relative',
+                    height: '300px'
+                };
+
+    			return (
+                    <div className="chart tab-pane active" id={this.props.id} style={style}>
+                        {this.props.children}
+                    </div>
+    			)
+    		}
+    	})
+
+    	return DonutChart;
+    }   
+)     

reactjs-adminlte/public/dist/js/dashboardV1.bundle.js

@@ -22,9 +22,7 @@ define(
                         <div className="tab-content no-padding">
                             {/* Morris chart - Sales */}
                             <div className="chart tab-pane" id="revenue-chart" style={style}></div>
-                            <div className="chart tab-pane active" id="sales-chart" style={style}>
-                                {this.props.children}
-                            </div>
+                            {this.props.children}
                         </div>
                     </div>
     			)