feat: use StartChat instead of NewRoomIntro

Author: florianduros

apps/web/src/components/structures/RoomView.tsx

@@ -115,7 +115,6 @@ import Measured from "../views/elements/Measured";
 import { type FocusComposerPayload } from "../../dispatcher/payloads/FocusComposerPayload";
 import { LocalRoom, LocalRoomState } from "../../models/LocalRoom";
 import { createRoomFromLocalRoom } from "../../utils/direct-messages";
-import NewRoomIntro from "../views/rooms/NewRoomIntro";
 import { isLocalRoom } from "../../utils/localRoom/isLocalRoom";
 import { type ShowThreadPayload } from "../../dispatcher/payloads/ShowThreadPayload";
 import { LargeLoader } from "./LargeLoader";
@@ -142,6 +141,7 @@ import { type RoomViewStore } from "../../stores/RoomViewStore.tsx";
 import { RoomStatusBarViewModel } from "../../viewmodels/room/RoomStatusBar.ts";
 import { EncryptionEventViewModel } from "../../viewmodels/event-tiles/EncryptionEventViewModel.ts";
 import { ModuleApi } from "../../modules/Api.ts";
+import { StartChat } from "../views/rooms/StartChat";
 
 const DEBUG = false;
 const PREVENT_MULTIPLE_JITSI_WITHIN = 30_000;
@@ -347,7 +347,7 @@ function LocalRoomView(props: LocalRoomViewProps): ReactElement {
                     <div className="mx_RoomView_timeline">
                         <ScrollPanel className="mx_RoomView_messagePanel">
                             {encryptionTile}
-                            <NewRoomIntro />
+                            <StartChat />
                         </ScrollPanel>
                     </div>
                     {statusBar}

apps/web/src/components/structures/WaitingForThirdPartyRoomView.tsx

@@ -15,11 +15,11 @@ import type ResizeNotifier from "../../utils/ResizeNotifier";
 import ErrorBoundary from "../views/elements/ErrorBoundary";
 import RoomHeader from "../views/rooms/RoomHeader/RoomHeader.tsx";
 import ScrollPanel from "./ScrollPanel";
-import NewRoomIntro from "../views/rooms/NewRoomIntro";
 import { UnwrappedEventTile } from "../views/rooms/EventTile";
 import { _t } from "../../languageHandler";
 import SdkConfig from "../../SdkConfig";
 import { useScopedRoomContext } from "../../contexts/ScopedRoomContext.tsx";
+import { StartChat } from "../views/rooms/StartChat.tsx";
 
 interface Props {
     roomView: RefObject<HTMLElement | null>;
@@ -49,7 +49,7 @@ export const WaitingForThirdPartyRoomView: React.FC<Props> = ({ roomView, resize
                                 title={_t("room|waiting_for_join_title", { brand })}
                                 subtitle={_t("room|waiting_for_join_subtitle", { brand })}
                             />
-                            <NewRoomIntro />
+                            <StartChat />
                             <UnwrappedEventTile mxEvent={inviteEvent} />
                         </ScrollPanel>
                     </div>

apps/web/src/components/structures/grouper/CreationGrouper.tsx

@@ -16,9 +16,9 @@ import { SeparatorKind, type WrappedEvent } from "../MessagePanel";
 import type MessagePanel from "../MessagePanel";
 import DMRoomMap from "../../../utils/DMRoomMap";
 import { _t } from "../../../languageHandler";
-import NewRoomIntro from "../../views/rooms/NewRoomIntro";
 import GenericEventListSummary from "../../views/elements/GenericEventListSummary";
 import { DateSeparatorViewModel } from "../../../viewmodels/timeline/DateSeparatorViewModel";
+import { StartChat } from "../../views/rooms/StartChat";
 
 // Wrap initial room creation events into a GenericEventListSummary
 // Grouping only events sent by the same user that sent the `m.room.create` and only until
@@ -137,7 +137,7 @@ export class CreationGrouper extends BaseGrouper {
             summaryText = _t("timeline|creation_summary_room", { creator });
         }
 
-        ret.push(<NewRoomIntro key="newroomintro" />);
+        ret.push(<StartChat key="startchat" />);
 
         ret.push(
             <GenericEventListSummary