diff --git a/client/views/Graders.js b/client/views/Graders.js
index 0dee944555b6b005aeb72801d88576b564f8c4b0..7a07f73f07cd0dc1e0fa6477c1aabe44fbbfebf2 100644
--- a/client/views/Graders.js
+++ b/client/views/Graders.js
@@ -14,6 +14,18 @@ class GraderList extends React.Component {
   }
 
   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)
+    })
    
   }
 
@@ -24,18 +36,16 @@ class GraderList extends React.Component {
 
   render() {
     return (
-      <div className="select">
         <aside className="menu">
           <p className="menu-label">
             Added graders
           </p>
           <ul className="menu-list">
             {this.state.graders.map(function(grader) {
-              <li>{grader.name}</li>
+              return <li key={grader.id.toString()}>{grader.name}</li>
             })}
           </ul>
         </aside>
-      </div>
     );
   }
 }