Merge pull request #306 from OpenGeoscience/logouts

Complete logouts with allauth logout page

Author: annehaley

web/src/api/auth.js

@@ -1,7 +1,7 @@
 import axios from "axios";
 import OauthClient from "@resonant/oauth-client";
 import S3FileFieldClient from 'django-s3-file-field';
-import { useAppStore, useMapStore, useProjectStore } from "@/store";
+import { useAppStore } from "@/store";
 
 const OAUTH2_CLIENT_ID = 'cBmD6D6F2YAmMWHNQZFPUr4OpaXVpW5w4Thod6Kj';
 
@@ -73,11 +73,5 @@ apiClient.interceptors.response.use(
 
 export const logout = async () => {
   await oauthClient.logout();
-
-  useAppStore().currentUser = undefined;
-
-  useProjectStore().currentProject = undefined;
-  useProjectStore().clearState();
-
-  useMapStore().setMapCenter();
+  window.location.href = `${import.meta.env.VITE_APP_API_ROOT}accounts/logout/`
 };

web/src/components/sidebars/SideBars.vue

@@ -110,19 +110,10 @@ watch(darkMode, () => {
               <v-icon v-bind="props" icon="mdi-cog" class="px-3"></v-icon>
             </template>
             <v-list>
-              <v-list-item density="compact">
+              <v-list-item density="compact" @click="logout">
                 Logout
                 <template v-slot:append>
                   <v-icon icon="mdi-logout"></v-icon>
-                  <v-dialog activator="parent" max-width="300">
-                    <template v-slot:default="{ isActive }">
-                      <v-card class="pa-3">
-                        <v-card-title>Log out?</v-card-title>
-                        <v-btn @click="isActive.value = false" text="Cancel" />
-                        <v-btn @click="logout" color="red" text="Confirm" />
-                      </v-card>
-                    </template>
-                  </v-dialog>
                 </template>
               </v-list-item>
               <v-list-item density="compact">