Mark current user in contrib list if available

app/components/contributor-list/template.hbs

@@ -1,6 +1,6 @@
 <tbody>
   {{#each contributors as |contributor|}}
-    <tr>
+    <tr class="{{if contributor.isCurrentUser 'current-user'}}">
       <td class="person">
         <img class="avatar" src={{contributor.avatarURL}}>
         {{contributor.github_username}}

app/models/contributor.js

@@ -2,10 +2,12 @@ import Ember from 'ember';
 
 export default Ember.Object.extend({
 
+  address: null,
   github_username: null,
   github_uid: null,
+  ipfsHash: null,
   kredits: null,
-  address: null,
+  isCurrentUser: false,
 
   avatarURL: function() {
     return `https\:\/\/avatars2.githubusercontent.com/u/${this.get('github_uid')}?v=3&s=128`;

app/services/kredits.js

@@ -33,6 +33,10 @@ export default Ember.Service.extend({
     return web3Instance;
   }.property('web3Instance'),
 
+  currentUserAccounts: function() {
+    return (this.get('web3Provided') && this.get('web3').eth.accounts) || [];
+  }.property('web3', 'web3Provided'),
+
   kreditsContract: function() {
     if (this.get('kreditsContractInstance')) {
       return this.get('kreditsContractInstance');
@@ -64,7 +68,8 @@ export default Ember.Service.extend({
               github_username: person[1],
               github_uid: person[0],
               ipfsHash: person[3],
-              kredits: balance.toNumber()
+              kredits: balance.toNumber(),
+              isCurrentUser: this.get('currentUserAccounts').includes(address)
             });
             Ember.Logger.debug('[kredits] contributor', contributor);
             resolve(contributor);
@@ -142,7 +147,8 @@ export default Ember.Service.extend({
           github_username: name,
           github_uid: id,
           ipfsHash: ipfsHash,
-          kredits: 0
+          kredits: 0,
+          isCurrentUser: this.get('currentUserAccounts').includes(address)
         });
         resolve(contributor);
       });

app/styles/components/_contributor-list.scss

@@ -7,32 +7,39 @@ table.contributor-list {
     &:first-of-type {
       border-top: 1px solid rgba(255,255,255,0.2);
     }
-  }
 
-  td {
-    padding: 0 1.2rem;
-    line-height: 4.2rem;
+    td {
+      padding: 0 1.2rem;
+      line-height: 4.2rem;
 
-    background-color: rgba(255,255,255,0.1);
-    &.person {
-      text-align: left;
-      font-size: 1.4rem;
-      img.avatar {
-        width: 2rem;
-        height: 2rem;
-        vertical-align: middle;
-        margin-right: 0.2rem;
-        border-radius: 1rem;
+      background-color: rgba(255,255,255,0.1);
+      &.person {
+        text-align: left;
+        font-size: 1.4rem;
+        img.avatar {
+          width: 2rem;
+          height: 2rem;
+          vertical-align: middle;
+          margin-right: 0.2rem;
+          border-radius: 1rem;
+        }
+      }
+
+      &.kredits {
+        text-align: right;
+        .amount {
+          font-size: 1.4rem;
+        }
+        .symbol {
+          font-size: 1rem;
+          padding-left: 0.2rem;
+        }
       }
     }
-    &.kredits {
-      text-align: right;
-      .amount {
-        font-size: 1.4rem;
-      }
-      .symbol {
-        font-size: 1rem;
-        padding-left: 0.2rem;
+
+    &.current-user {
+      td {
+        background-color: rgba(255,255,255,0.2);
       }
     }
   }