From cfe440183c24c1ceaeace5c0d8041e66dd6aaef5 Mon Sep 17 00:00:00 2001
From: nexy7574 <git@nexy7574.co.uk>
Date: Mon, 17 Mar 2025 15:32:03 +0000
Subject: [PATCH] Disable the composer and provide link to new room instead

---
 web/src/ui/composer/MessageComposer.tsx | 41 +++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/web/src/ui/composer/MessageComposer.tsx b/web/src/ui/composer/MessageComposer.tsx
index 34c8a86..abecb6d 100644
--- a/web/src/ui/composer/MessageComposer.tsx
+++ b/web/src/ui/composer/MessageComposer.tsx
@@ -13,9 +13,19 @@
 //
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
-import React, { CSSProperties, use, useCallback, useEffect, useLayoutEffect, useReducer, useRef, useState } from "react"
+import React, {
+	CSSProperties,
+	JSX,
+	use,
+	useCallback,
+	useEffect,
+	useLayoutEffect,
+	useReducer,
+	useRef,
+	useState,
+} from "react"
 import { ScaleLoader } from "react-spinners"
-import { useRoomEvent } from "@/api/statestore"
+import { useRoomEvent, useRoomState } from "@/api/statestore"
 import type {
 	EventID,
 	MediaMessageEventContent,
@@ -576,6 +586,33 @@ const MessageComposer = () => {
 	const inlineButtons = state.text === "" || window.innerWidth > 720
 	const showSendButton = canSend || window.innerWidth > 720
 	const disableClearMedia = editing && state.media?.msgtype === "m.sticker"
+	const tombstoneEvent = useRoomState(room, "m.room.tombstone", "")
+	if (tombstoneEvent !== null) {
+		const content = tombstoneEvent.content
+		const hasReplacement = content.replacement_room?.startsWith("!") ?? false
+		let link: JSX.Element | null = null
+		if (hasReplacement) {
+			const handleNavigate = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
+				e.preventDefault()
+				if (content.replacement_room) {
+					window.mainScreenContext.setActiveRoom(content.replacement_room)
+				}
+			}
+			const via = tombstoneEvent.sender.split(":", 1)[1]
+			const url = `matrix:roomid/${content.replacement_room.slice(1)}?action=join&via=${via}`
+			link = <a className="hicli-matrix-uri-room-alias" href={url} onClick={handleNavigate}>
+				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."
+		}
+		return <div className="message-composer tombstoned" ref={composerRef}>
+			<p>
+				{body} {link}
+			</p>
+		</div>
+	}
 	return <>
 		{Autocompleter && autocomplete && <div className="autocompletions-wrapper"><Autocompleter
 			params={autocomplete}