From 8de1836ffe85cf5ab7de2224f2bd493e2f25ea3d Mon Sep 17 00:00:00 2001
From: Skyterix <skyterix1991@gmail.com>
Date: Sat, 28 Dec 2019 17:03:45 +0100
Subject: [PATCH] Logout button

---
 package.json                         | 2 +-
 src/app/navbar/navbar.component.html | 3 ++-
 src/app/navbar/navbar.component.ts   | 9 +++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 1271331..6d770e4 100644
--- a/package.json
+++ b/package.json
@@ -49,6 +49,6 @@
     "protractor": "^5.4.1",
     "ts-node": "~7.0.1",
     "tslint": "~5.11.0",
-    "typescript": "^3.1.1"
+    "typescript": "^3.1.6"
   }
 }
diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index 6fee632..7d28a26 100644
--- a/src/app/navbar/navbar.component.html
+++ b/src/app/navbar/navbar.component.html
@@ -6,8 +6,9 @@
     <ul class="navbar-nav ml-auto">
       <li><a class="nav-link" href="#">Home</a></li>
       <li><a class="nav-link" href="#">Sign Up</a></li>
+      <li><a *ngIf="isSessionTokenPresent()" class="nav-link" href="/signin" (click)="logout()">Logout</a></li>
       <li><a class="nav-link" href="#"> <i class="fa fa-user"></i>&nbsp;&nbsp;<i class="fa fa-ellipsis-v"></i></a></li>
     </ul>
   </div>
 </nav>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts
index 8e29f4e..0fed7be 100644
--- a/src/app/navbar/navbar.component.ts
+++ b/src/app/navbar/navbar.component.ts
@@ -12,4 +12,13 @@ export class NavbarComponent implements OnInit {
   ngOnInit() {
   }
 
+  isSessionTokenPresent() {
+    return localStorage.getItem('token') != null;
+  }
+
+  logout() {
+    localStorage.removeItem('token');
+    localStorage.removeItem('expires_at');
+  }
+
 }