Show statistics summary

client/index.jsx

@@ -128,7 +128,7 @@ class App extends React.Component {
                             exam.submissions.length ? <Grade exam={exam} updateSubmission={this.updateSubmission}/> : <Fail message="No exams uploaded. Please do not bookmark URLs" />
                         )} />
                         <Route path="/statistics" render={() => (
-                            exam.submissions.length ? <Statistics /> : <Fail message="No exams uploaded. Please do not bookmark URLs" />
+                            exam.submissions.length ? <Statistics exam={exam} /> : <Fail message="No exams uploaded. Please do not bookmark URLs" />
                         )} />
                         <Route path="/graders" component={Graders} />
                         <Route path="/reset" component={Reset} />

client/views/Statistics.jsx

@@ -2,16 +2,30 @@ import React from 'react';
 
 import Hero from '../components/Hero.jsx';
 
-const StatisticsDashboard = () => {
-  return (
-      <div>
+class Statistics extends React.Component {
 
-        <Hero title='Statistics Dashboard' subtitle='Review the grading' />
+    render() {
+        return (
+            <div>
 
-        <h1>React Router demo</h1>
+                <Hero title='Statistics' subtitle="Analyse how to the exam was made" />
+
+                <section className="section">
+
+                    <div className="container">
+
+                        <figure className="image is-4by3">
+                            <img src={'api/images/summary/' + this.props.exam.id} />
+                        </figure>
+
+                    </div>
+
+                </section>
+
+            </div >
+        )
+    }
 
-       </div>
-  )
 }
 
-export default StatisticsDashboard;
+export default Statistics;