kauft.es
/
linkylinky-dashboard
4
0
Fork 0
Code Issues 1 Pull Requests 10 Projects Releases Wiki Activity

New logout button

This commit is contained in:
Nicolai Ort 2021-08-18 17:28:42 +02:00
parent 1cc0c2ce76
commit e7991a5a95
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/lib/Sidebar.svelte
View File

@ -1,7 +1,32 @@
<script>
import UserStore from '$lib/UserStore';
import { onDestroy, onMount } from 'svelte';
import * as localForage from 'localforage';
import Apiclient from './Apiclient';
$: logged_in = $UserStore.isLoggedIn;
$: logged_in = false;
UserStore.init();
onMount(() => {
localForage.getItem('userdata', (err, value) => {
if (value) {
if (value.token) {
UserStore.login(value);
}
}
});
});
const unsubscribe = UserStore.subscribe((value) => {
logged_in = value.isLoggedIn;
});
onDestroy(unsubscribe);
async function logout() {
await Apiclient.logout().catch((e)=>{});
UserStore.logout();
}
</script>
<div
@ -96,9 +121,9 @@
<span class="mx-4 font-medium">Settings</span>
</a> -->
<a
<button
class="flex items-center px-4 py-2 mt-5 text-gray-600 transition-colors duration-200 transform rounded-md dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 dark:hover:text-gray-200 hover:text-gray-700"
href="#"
on:click={logout}
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -116,7 +141,7 @@
</svg>
<span class="mx-4 font-medium">Logout</span>
</a>
</button>
{:else}
<a
class="flex items-center px-4 py-2 mt-5 text-gray-600 transition-colors duration-200 transform rounded-md dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 dark:hover:text-gray-200 hover:text-gray-700"