feat: add logout icon in desktop breakpoint

matter-labs · Jan 17, 2025 · 774d978 · 774d978
1 parent 5fc1724
commit 774d978
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/packages/auth-server/components/app/nav.vue b/packages/auth-server/components/app/nav.vue
@@ -35,9 +35,14 @@
     </div>
     <div
       v-show="!showMobileMenu"
-      class="flex items-center pr-2"
+      class="flex gap-2 items-center pr-2"
     >
       <app-color-mode />
+      <ZkButtonIcon
+        icon="Logout"
+        class="mr-1 -ml-1 scale-[-1]"
+        @click="logout()"
+      />
     </div>
     <div
       v-show="showMobileMenu"
@@ -80,6 +85,13 @@ onBeforeUnmount(() => {
 });
 
 watch(windowWidth, checkWidths);
+
+const { logout: _logout } = useAccountStore();
+
+const logout = () => {
+  _logout();
+  navigateTo("/");
+};
 </script>
 
 <style lang="scss" scoped>