Merge pull request #2160 from getsentry/GH-2124

Lazy load barcharts on org index page (fixes #2124)

Author: benvinegar

package.json

@@ -28,6 +28,7 @@
     "react": "^0.13.3",
     "react-bootstrap": "^0.13.0",
     "react-document-title": "^1.0.2",
+    "react-lazy-load": "^1.0.4",
     "react-router": "^0.13.3",
     "react-sticky": "^2.5.2",
     "reflux": "^0.3.0",

src/sentry/static/sentry/app/views/organizationTeams/expandedTeamList.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Router from "react-router";
+import LazyLoad from "react-lazy-load";
 
 import api from "../../api";
 import BarChart from "../../components/barChart";
@@ -110,7 +111,7 @@ var ExpandedTeamList = React.createClass({
           </h5>
         </td>
         <td className="align-right project-chart">
-          {chartData && <BarChart points={chartData} className="sparkline" /> }
+          {chartData && <LazyLoad><BarChart points={chartData} className="sparkline" /></LazyLoad> }
         </td>
       </tr>
     );