From 5192003e17134a9e0d319bc2a5e61f00ddeaac46 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Fri, 28 Mar 2025 13:03:53 +0200
Subject: [PATCH] Fix style and join link

---
 web/src/ui/composer/MessageComposer.css |  5 +++++
 web/src/ui/composer/MessageComposer.tsx | 21 ++++++++++++---------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/web/src/ui/composer/MessageComposer.css b/web/src/ui/composer/MessageComposer.css
index f6e83b9..2032301 100644
--- a/web/src/ui/composer/MessageComposer.css
+++ b/web/src/ui/composer/MessageComposer.css
@@ -14,6 +14,11 @@ div.message-composer {
 		text-wrap: auto !important;
 	}
 
+	&.tombstoned {
+		min-height: unset;
+		padding: .5rem;
+	}
+
 	> div.input-area {
 		display: flex;
 		align-items: center;
diff --git a/web/src/ui/composer/MessageComposer.tsx b/web/src/ui/composer/MessageComposer.tsx
index abecb6d..75a5712 100644
--- a/web/src/ui/composer/MessageComposer.tsx
+++ b/web/src/ui/composer/MessageComposer.tsx
@@ -38,6 +38,7 @@ import type {
 import { PartialEmoji, emojiToMarkdown } from "@/util/emoji"
 import { isMobileDevice } from "@/util/ismobile.ts"
 import { escapeMarkdown } from "@/util/markdown.ts"
+import { getServerName } from "@/util/validation.ts"
 import ClientContext from "../ClientContext.ts"
 import EmojiPicker from "../emojipicker/EmojiPicker.tsx"
 import GIFPicker from "../emojipicker/GIFPicker.tsx"
@@ -592,25 +593,27 @@ const MessageComposer = () => {
 		const hasReplacement = content.replacement_room?.startsWith("!") ?? false
 		let link: JSX.Element | null = null
 		if (hasReplacement) {
+			const via = getServerName(tombstoneEvent.sender)
 			const handleNavigate = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
 				e.preventDefault()
-				if (content.replacement_room) {
-					window.mainScreenContext.setActiveRoom(content.replacement_room)
-				}
+				window.mainScreenContext.setActiveRoom(content.replacement_room, {
+					via: [via],
+				})
 			}
-			const via = tombstoneEvent.sender.split(":", 1)[1]
-			const url = `matrix:roomid/${content.replacement_room.slice(1)}?action=join&via=${via}`
+			const url = `matrix:roomid/${content.replacement_room.slice(1)}?via=${via}`
 			link = <a className="hicli-matrix-uri-room-alias" href={url} onClick={handleNavigate}>
-				Join the new one here.</a>
+				Join the new one here
+			</a>
 		}
 		let body = content.body
 		if (!body) {
 			body = hasReplacement ? "This room has been replaced." : "This room has been shut down."
 		}
+		if (!body.endsWith(".")) {
+			body += "."
+		}
 		return <div className="message-composer tombstoned" ref={composerRef}>
-			<p>
-				{body} {link}
-			</p>
+			{body} {link}
 		</div>
 	}
 	return <>