From 89150a6cc68440ab5e70a70b0936a0e7fb4782c1 Mon Sep 17 00:00:00 2001
From: Temmie <git@beaver.mom>
Date: Fri, 8 Aug 2025 02:07:58 +0200
Subject: [PATCH] feat: add "Direct Messages" state to navbar

---
 components/UserInterface/Navbar.vue |  4 +---
 pages/me/index.vue                  | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/UserInterface/Navbar.vue b/components/UserInterface/Navbar.vue
index 9f4ba1d..5a7460c 100644
--- a/components/UserInterface/Navbar.vue
+++ b/components/UserInterface/Navbar.vue
@@ -9,11 +9,9 @@
 		<div id="navbar-middle">
 			<NuxtImg v-if="props.contextIcon"
 				class="context-icon"
-				:alt="props.contextName"
 				:src="props.contextIcon" />
 			<DefaultIcon v-else-if="props.contextName && props.guildUuid"
 				class="context-icon" 
-				:alt="props.contextName"
 				:name="props.contextName" :seed="props.guildUuid"/>
 			
 			<div class="context-title">
@@ -97,7 +95,7 @@ const props = defineProps<NavbarInterface>();
 
 	font-weight: 500;
 	font-size: calc(var(--navbar-height) * .5);
-	line-height: calc(var(--navbar-height) * .9);
+	line-height: var(--navbar-height);
 }
 
 .navbar-item {
diff --git a/pages/me/index.vue b/pages/me/index.vue
index a0d0384..e2f79d2 100644
--- a/pages/me/index.vue
+++ b/pages/me/index.vue
@@ -23,16 +23,33 @@ import DirectMessagesSidebar from '~/components/Me/DirectMessagesSidebar.vue';
 import Button from '~/components/UserInterface/Button.vue';
 import AddFriend from '~/components/Me/AddFriend.vue';
 import FriendsList from '~/components/Me/FriendsList.vue';
+import type { NavbarInterface } from '~/types/interfaces';
 
 const { fetchFriends } = useApi();
 
 let filter = ref("all");
+const navbar = useState<NavbarInterface>("navbar")
 
 const friends = await fetchFriends()
 
 function updateFilter(newFilter: string) {
 	filter.value = newFilter;
 }
+
+onMounted(async () => {
+	updateNavbar()
+})
+
+onActivated(async () => {
+	updateNavbar()
+})
+
+function updateNavbar() {
+	const runtimeConfig = useRuntimeConfig();
+	navbar.value.channelItems = []
+	navbar.value.contextName = "Direct Messages"
+	navbar.value.contextIcon = `${runtimeConfig.app.baseURL}/icon.svg`
+}
 </script>
 
 <style module>