Merge pull request #167 from HE-Arc/166-frontend-logout-doesnt-work-a…

…nd-display-404 166 frontend logout doesnt work and display 404
HE-Arc · Apr 24, 2024 · 3678140 · 3678140
2 parents db7e77c + c09a544
commit 3678140
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -12,11 +12,7 @@
 </head>
 
 <body>
-  <div id="app" style="min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;" >
-  </div>
+  <div id="app"></div>
   <script type="module" src="/src/main.js"></script>
 </body>
 

diff --git a/frontend/src/api_client.js b/frontend/src/api_client.js
@@ -222,9 +222,6 @@ export default
      * @returns {Object} The response data from the API
      */
     static async logoutUser() {
-        // TODO maelys: uncomment this line when the backend is ready
-        //const response = await axios.post('/api/user/logout/');
-
         // remove cookie
         document.cookie = `access_token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; secure`;
 

diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
@@ -1,5 +1,12 @@
 @import './base.css';
 
+#app {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
 a { 
   text-decoration: none;
   color: var(--miq-blue);

diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
@@ -38,6 +38,11 @@ const router = createRouter({
       name: 'Login',
       component: () => import('../views/Authentication/LoginView.vue')
     },
+    {
+      path: '/logout',
+      name: 'Logout',
+      component: () => import('../views/Authentication/LogoutView.vue')
+    },
     {
       path: '/register',
       name: 'Register',

diff --git a/frontend/src/views/Authentication/LoginView.vue b/frontend/src/views/Authentication/LoginView.vue
@@ -66,7 +66,6 @@ const login = async () => {
     display: flex;
     flex-direction: column;
     align-items: center;
-    min-height: 80vh;
 }
 
 .title, .info {