From c73f7f5e3bc2102f1cf12a6ad3b3c2982913a2cb Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 27 Jan 2023 17:30:43 +0100
Subject: [PATCH] feat: add logout btn to dropdown

---
 src/lib/layout/header.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte
index 8f5d528bc5..4f6ce4dc0c 100644
--- a/src/lib/layout/header.svelte
+++ b/src/lib/layout/header.svelte
@@ -20,6 +20,8 @@
     import { slide } from 'svelte/transition';
     import { page } from '$app/stores';
     import { trackEvent } from '$lib/actions/analytics';
+    import { sdkForConsole } from '$lib/stores/sdk';
+    import { goto } from '$app/navigation';
 
     let showDropdown = false;
     let droplistElement: HTMLDivElement;
@@ -32,6 +34,12 @@
         }
     }
 
+    async function logout() {
+        await sdkForConsole.account.deleteSession('current');
+        trackEvent('submit_account_logout');
+        await goto(`${base}/login`);
+    }
+
     function onBlur(event: MouseEvent) {
         if (
             showDropdown &&
@@ -134,6 +142,14 @@
                                     on:click={() => (showDropdown = false)}>
                                     Your Account
                                 </DropListLink>
+                                <DropListItem
+                                    icon="logout-right"
+                                    on:click={() => {
+                                        showDropdown = false;
+                                        logout();
+                                    }}>
+                                    Sign Out
+                                </DropListItem>
                             </ul>
                         </section>
                         <section class="drop-section">