From aef1477baa6244dff101ad674064bec5bce77bee Mon Sep 17 00:00:00 2001
From: Sagnik Mandal <sonalisagnik123@gmail.com>
Date: Sun, 22 Dec 2019 16:27:22 +0530
Subject: [PATCH] Added Logout functionality

---
 src/app/navbar/navbar.component.html |  1 +
 src/app/navbar/navbar.component.ts   | 20 ++++++++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index 6fee632..c866472 100644
--- a/src/app/navbar/navbar.component.html
+++ b/src/app/navbar/navbar.component.html
@@ -6,6 +6,7 @@
     <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="checkUserStatus()" class="nav-link" href="#" (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>
diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts
index 8e29f4e..aa78ac6 100644
--- a/src/app/navbar/navbar.component.ts
+++ b/src/app/navbar/navbar.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core'
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-navbar',
@@ -7,7 +8,22 @@ import { Component, OnInit } from '@angular/core';
 })
 export class NavbarComponent implements OnInit {
 
-  constructor() { }
+  constructor(private router: Router) { }
+
+  
+ checkUserStatus() {
+  return localStorage.getItem('token') !== null
+  }
+
+  logout(){
+
+    // Remove Login Token from LocalStorage
+    localStorage.removeItem('token');
+    localStorage.removeItem('expires_at');
+    // Return to Main Page
+    this.router.navigateByUrl('/');
+
+  }
 
   ngOnInit() {
   }