feat: add logout button

VChet · Oct 17, 2020 · be178f4 · be178f4
1 parent c83fea0
commit be178f4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/server.js b/server.js
@@ -19,6 +19,10 @@ app.use(express.static("public"));
 app.use("/api", api);
 
 app.get("/login", passport.authenticate("github", { scope: ["read:user"] }));
+app.get("/logout", (req, res) => {
+  req.logout();
+  res.redirect("/");
+});
 app.get("/github/callback", passport.authenticate("github"), (req, res) => res.redirect("/"));
 
 const clientIndex = path.join(__dirname, "public/index.html");

diff --git a/src/src/components/AppHeader.vue b/src/src/components/AppHeader.vue
@@ -16,7 +16,10 @@
         <button class="link" type="button" @click="$emit('open-nav-link', 'showHowtoUseModal')">How to Use</button>
         <button class="link" type="button" @click="$emit('open-nav-link', 'showAddStyleModal')">Add Style</button>
         <a v-if="!user.username" href="/login">Login</a>
-        <button v-else class="link" type="button">{{ user.username }}</button>
+        <template v-else>
+          <button class="link" type="button">{{ user.username }}</button>
+          <a href="/logout">Logout</a>
+        </template>
       </nav>
     </div>
   </header>