From 594ee7432479c23be5dd782ec5dbdfc324cd4b25 Mon Sep 17 00:00:00 2001
From: Kainoa Kanter <kainoa@t1c.dev>
Date: Fri, 7 Apr 2023 23:55:03 -0700
Subject: [PATCH] feat: messaging room banner

---
 .../client/src/pages/messaging/messaging-room.vue     | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue
index ed3b4e2270..487d9ab92a 100644
--- a/packages/client/src/pages/messaging/messaging-room.vue
+++ b/packages/client/src/pages/messaging/messaging-room.vue
@@ -6,6 +6,12 @@
 		@drop.prevent.stop="onDrop"
 	>
 		<div class="_content mk-messaging-room">
+			<template #header
+				><MkPageHeader
+					:actions="headerActions"
+					:tabs="headerTabs"
+					:display-back-button="true"
+			/></template>
 			<MkSpacer :content-max="800">
 				<div class="body">
 					<MkPagination
@@ -328,12 +334,17 @@ function onVisibilitychange() {
 	}
 }
 
+const headerActions = $computed(() => []);
+
+const headerTabs = $computed(() => []);
+
 onMounted(() => {
 	fetch();
 	definePageMetadata(
 		computed(() => ({
 			title: group != null ? group.name : user?.name,
 			icon: "ph-chats-teardrop ph-bold ph-lg",
+			avatar: group != null ? null : user,
 		}))
 	);
 });