added logout functions

frontend/src/AvatarMenu.svelte

@@ -2,7 +2,7 @@
 
     import {Avatar} from "flowbite-svelte";
     import type {AniListUser} from "./anilist/types/AniListTypes";
-    import {aniListLoggedIn, aniListUser, malLoggedIn, simklLoggedIn,} from "./GlobalVariablesAndHelperFunctions.svelte"
+    import {aniListLoggedIn, aniListUser, malLoggedIn, simklLoggedIn, logoutOfAniList, logoutOfMAL, logoutOfSimkl} from "./GlobalVariablesAndHelperFunctions.svelte"
     import * as runtime from "../wailsjs/runtime";
 
     let currentAniListUser: AniListUser
@@ -43,7 +43,7 @@
             aria-labelledby="dropdownUserAvatarButton">
             {#if isAniListLoggedIn}
                 <li>
-                    <button
+                    <button on:click={logoutOfAniList}
                             class="block px-4 py-2 w-full hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
                         Logout Anilist
                     </button>
@@ -51,7 +51,7 @@
             {/if}
             {#if isMALLoggedIn}
                 <li>
-                    <button
+                    <button on:click={logoutOfMAL}
                             class="block px-4 py-2 w-full hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
                         Logout MAL
                     </button>
@@ -59,7 +59,7 @@
             {/if}
             {#if isSimklLoggedIn}
                 <li>
-                    <button
+                    <button on:click={logoutOfSimkl}
                             class="block px-4 py-2 w-full hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
                         Logout Simkl
                     </button>

frontend/src/GlobalVariablesAndHelperFunctions.svelte

@@ -2,7 +2,7 @@
     import {
         GetAniListItem,
         GetAniListLoggedInUser, GetAniListUserWatchingList, GetMyAnimeListLoggedInUser,
-        GetSimklLoggedInUser
+        GetSimklLoggedInUser, LogoutAniList, LogoutMyAnimeList, LogoutSimkl
     } from "../wailsjs/go/main/App";
     import type {
         AniListCurrentUserWatchList,
@@ -32,9 +32,12 @@
     let isAniListPrimary: boolean
     let page: number
     let perPage: number
+    let aniWatchlist: AniListCurrentUserWatchList
+
     aniListPrimary.subscribe(value => isAniListPrimary = value)
     watchListPage.subscribe(value => page = value)
     animePerPage.subscribe(value => perPage = value)
+    aniListWatchlist.subscribe(value => aniWatchlist = value)
 
     export function GetAniListSingleItemAndOpenModal(aniId: number, login: boolean): void {
         GetAniListItem(aniId, login).then(result => {
@@ -73,4 +76,31 @@
             malLoggedIn.set(true)
         })
     }
+
+    export function logoutOfAniList(): void {
+        LogoutAniList().then(result => {
+            console.log(result)
+            if (Object.keys(aniWatchlist).length !== 0) {
+                aniListWatchlist.set({} as AniListCurrentUserWatchList)
+            }
+            aniListUser.set({} as AniListUser)
+            aniListLoggedIn.set(false)
+        })
+    }
+
+    export function logoutOfMAL(): void {
+        LogoutMyAnimeList().then(result => {
+            console.log(result)
+            malUser.set({} as MyAnimeListUser)
+            malLoggedIn.set(false)
+        })
+    }
+
+    export function logoutOfSimkl(): void {
+        LogoutSimkl().then(result => {
+            console.log(result)
+            simklUser.set({} as SimklUser)
+            simklLoggedIn.set(false)
+        })
+    }
 </script>