From 8a4b2324a1739691fef34f5aa5eb2afbd5e68bee Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Sat, 20 Apr 2019 15:49:23 -0700
Subject: Fixing envelope icon.

- Fixes #90
---
 ui/src/components/navbar.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'ui/src/components/navbar.tsx')

diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx
index 5fc6ed7e..67a9866a 100644
--- a/ui/src/components/navbar.tsx
+++ b/ui/src/components/navbar.tsx
@@ -69,12 +69,13 @@ export class Navbar extends Component<any, NavbarState> {
             {this.state.isLoggedIn ? 
             <>
               {
-              <li className="nav-item">
-                <Link class="nav-link" to="/inbox">🖂 
-                  {this.state.unreadCount> 0 && <span class="ml-1 badge badge-light">{this.state.unreadCount}</span>}
-                </Link>
-              </li>
-            }
+                <li className="nav-item">
+                  <Link class="inbox nav-link" to="/inbox">
+                    <svg class="icon"><use xlinkHref="#icon-mail"></use></svg>
+                    {this.state.unreadCount> 0 && <span class="ml-1 badge badge-light">{this.state.unreadCount}</span>}
+                  </Link>
+                </li>
+              }
               <li className={`nav-item dropdown ${this.state.expandUserDropdown && 'show'}`}>
                 <a class="pointer nav-link dropdown-toggle" onClick={linkEvent(this, this.expandUserDropdown)} role="button">
                   {UserService.Instance.user.username}
-- 
cgit v1.2.3

