Implemented logout system

api/routes/auth.js

@@ -7,6 +7,8 @@ const express = require('express');
 const { param } = require('./applications');
 const router = express.Router();
 const pool = require('../db')
+const querystring = require('querystring');
+
 
 passport.use(new OpenIDConnectStrategy({
     issuer: process.env.AUTH_ISSUER,
@@ -74,7 +76,7 @@ router.post('/logout', function (req, res, next) {
             client_id: process.env.AUTH_CLIENT_ID,
             returnTo: 'https://aj17thdev.nexuszone.net/'
         }; 
-        res.redirect(process.env.AUTH_DOMAIN + '/v2/logout?' + qs.stringify(params));
+        res.redirect(process.env.AUTH_DOMAIN + '/v2/logout?' + querystring.stringify(params));
     });
 });
 

ui/src/App.vue

@@ -22,6 +22,14 @@ onMounted(async () => {
   userStore.user = data;
 });
 
+async function logout() {
+  await fetch(`${import.meta.env.VITE_APIHOST}/logout`, {
+    method: 'POST',
+    credentials: 'include',
+  });
+
+  userStore.user = null;
+}
 </script>
 
 <template>
@@ -75,7 +83,7 @@ onMounted(async () => {
       <div>
         <DropdownMenu v-if="userStore.isLoggedIn">
           <DropdownMenuTrigger class="cursor-pointer">
-            <p>Profile</p>
+            <p>{{ userStore.user.name }}</p>
           </DropdownMenuTrigger>
           <DropdownMenuContent> 
             <DropdownMenuItem>My Profile</DropdownMenuItem>
@@ -85,7 +93,7 @@ onMounted(async () => {
                 Submit LOA
               </RouterLink>
             </DropdownMenuItem>
-            <DropdownMenuItem :variant="'destructive'">Logout</DropdownMenuItem>
+            <DropdownMenuItem :variant="'destructive'" @click="logout()">Logout</DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>