From 4e31f9d4bdcd0637e2c9b85be44d96ebf9e544f2 Mon Sep 17 00:00:00 2001
From: 123vivekr <123vivekr@gmail.com>
Date: Sun, 2 Sep 2018 11:06:32 +0530
Subject: [PATCH] Add logos to navbar and dashboard

This update shows the organisation or owner logo in kanban board navbar
and repositories on dashboard.

Closes https://github.com/coala/gh-board/issues/100
---
 src/components/app/nav.jsx   | 1 +
 src/components/dashboard.jsx | 1 +
 style/app.less               | 5 ++++-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/app/nav.jsx b/src/components/app/nav.jsx
index 6368be71..9086f685 100644
--- a/src/components/app/nav.jsx
+++ b/src/components/app/nav.jsx
@@ -173,6 +173,7 @@ class AppNav extends Component {
           <span className='repo-owner'>{repoOwner}</span>
           {'/'}
           {repoNameItems}
+          <img className='avatar-image' src={'https://github.com/' + repoOwner + '.png'} alt='repo-owner'/>
         </li>
       );
     }
diff --git a/src/components/dashboard.jsx b/src/components/dashboard.jsx
index 52bd72a5..ba0bc9f5 100644
--- a/src/components/dashboard.jsx
+++ b/src/components/dashboard.jsx
@@ -187,6 +187,7 @@ class RepoGroup extends Component {
     }
     const header = (
       <span className='org-header'>
+        <img className='org-logo' src={'https://github.com/' + repoOwner + '.png'} alt='repo-owner'/>
         {orgIcon}
         {' '}
         {repoOwner}
diff --git a/style/app.less b/style/app.less
index 702e5a69..00b82253 100644
--- a/style/app.less
+++ b/style/app.less
@@ -55,7 +55,7 @@ body { background-color: #ddd; }
 
   .badge { margin-right: .3rem; }
 
-  .avatar-image {
+  .avatar-image, .org-logo {
     display: inline-block;
     overflow: hidden;
     line-height: 1;
@@ -64,6 +64,9 @@ body { background-color: #ddd; }
     height: 2.5rem;
     border-radius: 1.25rem;
   }
+  .org-logo {
+      margin-right: 5px;
+  }
 
   .bottombar-nav { opacity: .9; }