diff --git a/client/views/Graders.js b/client/views/Graders.js
index 7a07f73f07cd0dc1e0fa6477c1aabe44fbbfebf2..a34e75ba8295f13302e456ba4b62ee1fbc0c0b99 100644
--- a/client/views/Graders.js
+++ b/client/views/Graders.js
@@ -8,24 +8,18 @@ class GraderList extends React.Component {
   constructor(props) {
     super(props);
     this.state = {graders: [
-      {id: '1', name: 'John Doe'},
-      {id: '2', name: 'Jan Janssen'}
+      {id: '1', first_name: 'John', last_name: 'Doe'},
+      {id: '2', first_name: 'Jan', last_name: 'Janssen'}
     ]};
   }
 
   componentDidMount() {
 
     fetch('/api/graders')
-    .then(function(response) {
-      return response.json()
-    })
-    .then(function(json) {
-      console.log(category, json)
-      this.setState(json);
-    })
-    .catch(function(error) {
-      console.log('error', error)
-    })
+        .then((response) => response.json())
+        .then((graders) =>{
+          this.setState({graders: graders})
+        })
    
   }
 
@@ -42,7 +36,7 @@ class GraderList extends React.Component {
           </p>
           <ul className="menu-list">
             {this.state.graders.map(function(grader) {
-              return <li key={grader.id.toString()}>{grader.name}</li>
+              return <li key={grader.id.toString()}>{grader.first_name + ' ' + grader.last_name}</li>
             })}
           </ul>
         </aside>