Added badge count to repo nav buttons to reflect number of issues.

src/components/Repo/index.js

@@ -1,21 +1,24 @@
 import React from 'react';
 
-const Repo = ({ repo, changeRepo, repoPath }) => (
+const Repo = ({ repo, changeRepo, repoPath, repoIssues }) => (
   <div className="repoSwitches">
     <button className="btn btn-subnav" onClick={() => changeRepo(repoPath)}>
       {repo}
+      <span className="badge">{repoIssues}</span>
     </button>
   </div>
   );
 
 Repo.propTypes = {
   repo: React.PropTypes.string.isRequired,
   repoPath: React.PropTypes.string,
+  repoIssues: React.PropTypes.number,
   changeRepo: React.PropTypes.func.isRequired,
 };
 
 Repo.defaultProps = {
   repo: {},
   repoPath: '',
+  repoIssues: 0,
 };
 export default Repo;

src/components/ReposList/index.js

@@ -8,6 +8,7 @@ const ReposList = ({ repos, changeRepo }) => (
         key={repo.path}
         repo={repo.name}
         repoPath={repo.path}
+        repoIssues={repo.open_issues_count}
         changeRepo={changeRepo}
       />,
       )}

src/css/components/_buttons.sass

@@ -26,3 +26,13 @@
     background-color: $pink
     color: $white
     border: 3px solid $pink
+    span
+      &.badge
+        background-color: $white
+        color: $pink
+  span
+    &.badge
+      background-color: $pink
+      border-radius: 1rem
+      margin-left: 0.8em
+      padding: 0.3em 0.5em