fix(preview): show meet title properly

Author: BreadGenie

frontend/components.d.ts

@@ -54,6 +54,9 @@ declare module "vue" {
 		LucideHand: typeof import("~icons/lucide/hand")["default"];
 		LucideHome: typeof import("~icons/lucide/home")["default"];
 		LucideLoader: typeof import("~icons/lucide/loader")["default"];
+		LucideMessageCircle: typeof import(
+			"~icons/lucide/message-circle",
+		)["default"];
 		LucideMessageSquare: typeof import(
 			"~icons/lucide/message-square",
 		)["default"];

frontend/src/composables/useMeetingDoc.ts

@@ -20,7 +20,7 @@ interface DocumentResource {
 
 interface UseMeetingDocReturn {
 	getMeetingDoc: (meetingId: string) => DocumentResource;
-	getCurrentMeetingDoc: () => DocumentResource | null;
+	getCurrentMeetingDoc: () => MeetingDocument | null;
 	clearMeetingDoc: () => void;
 	meetingTitle: ComputedRef<string>;
 	meetingOwner: ComputedRef<string>;
@@ -34,7 +34,7 @@ const currentMeetingId: Ref<string | null> = ref(null);
 
 export function useMeetingDoc(): UseMeetingDocReturn {
 	const getMeetingDoc = (meetingId: string): DocumentResource => {
-		if (meetingDoc.value && currentMeetingId.value === meetingId) {
+		if (meetingDoc.value) {
 			return meetingDoc.value;
 		}
 
@@ -50,8 +50,8 @@ export function useMeetingDoc(): UseMeetingDocReturn {
 		return docResource;
 	};
 
-	const getCurrentMeetingDoc = (): DocumentResource | null => {
-		return meetingDoc.value;
+	const getCurrentMeetingDoc = (): MeetingDocument | null => {
+		return meetingDoc.value?.doc ?? null;
 	};
 
 	const clearMeetingDoc = (): void => {
@@ -60,7 +60,7 @@ export function useMeetingDoc(): UseMeetingDocReturn {
 	};
 
 	const meetingTitle = computed((): string => {
-		const doc = meetingDoc.value?.doc;
+		const doc = getCurrentMeetingDoc();
 		return doc?.title || doc?.name || currentMeetingId.value || "";
 	});
 

frontend/src/pages/Meeting.vue

@@ -262,7 +262,7 @@ provide("socket", socket);
 provide(
 	"meetingTitle",
 	computed(() => {
-		if (isGuestSession.value) {
+		if (!session.isLoggedIn) {
 			return meetingId.value;
 		}
 		return meetingTitle.value;