From e27d2ebd2e79a034d1e8599b1d41c57674a1f595 Mon Sep 17 00:00:00 2001
From: Carter <safe@fea.st>
Date: Mon, 22 Jan 2024 11:22:47 -0800
Subject: [PATCH] clean up login state

---
 .../ui/platform/AccountDropdown.vue           | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/theseus_gui/src/components/ui/platform/AccountDropdown.vue b/theseus_gui/src/components/ui/platform/AccountDropdown.vue
index 626d80a7a..5c5b1738a 100644
--- a/theseus_gui/src/components/ui/platform/AccountDropdown.vue
+++ b/theseus_gui/src/components/ui/platform/AccountDropdown.vue
@@ -14,7 +14,9 @@
         {
           id: 'sign-out',
           color: 'danger',
-          action: () => {},
+          action: async () => {
+            await mrAuth.logout()
+          },
           hoverFilledOnly: true,
         },
       ]"
@@ -46,30 +48,22 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue'
+import { ref } from 'vue'
 import { Avatar, OverflowMenu, LogOutIcon, LogInIcon, Modal } from 'omorphia'
 
 import { useTheming } from '@/store/state'
-import ModrinthLoginScreen from '@/components/ui/tutorial/ModrinthLoginScreen.vue'
 import { useMrAuth } from '@/composables/auth.js'
 
-const themeStore = useTheming()
+import ModrinthLoginScreen from '@/components/ui/tutorial/ModrinthLoginScreen.vue'
 
+const themeStore = useTheming()
 const mrAuth = useMrAuth()
 
 const modrinthLoginModal = ref(null)
 
-const refreshCredentials = async () => {
-  await mrAuth.get()
-}
-
-onMounted(async () => {
-  await refreshCredentials()
-})
-
 const signInAfter = async () => {
   modrinthLoginModal.value?.hide()
-  await refreshCredentials()
+  await mrAuth.get()
 }
 </script>