Merge pull request #5419 from matrix-org/t3chguy/fix/15701

Fix New Room Intro invite to this room button

src/components/views/elements/AccessibleButton.tsx

@@ -39,7 +39,7 @@ interface IProps extends React.InputHTMLAttributes<Element> {
     tabIndex?: number;
     disabled?: boolean;
     className?: string;
-    onClick?(e?: ButtonEvent): void;
+    onClick(e?: ButtonEvent): void;
 }
 
 interface IAccessibleButtonProps extends React.InputHTMLAttributes<Element> {

src/components/views/rooms/NewRoomIntro.tsx

@@ -99,6 +99,10 @@ const NewRoomIntro = () => {
             });
         }
 
+        const onInviteClick = () => {
+            dis.dispatch({ action: "view_invite", roomId });
+        };
+
         const avatarUrl = room.currentState.getStateEvents(EventType.RoomAvatar, "")?.getContent()?.url;
         body = <React.Fragment>
             <MiniAvatarUploader
@@ -116,7 +120,7 @@ const NewRoomIntro = () => {
             })}</p>
             <p>{topicText}</p>
             <div className="mx_NewRoomIntro_buttons">
-                <AccessibleButton className="mx_NewRoomIntro_inviteButton" kind="primary">
+                <AccessibleButton className="mx_NewRoomIntro_inviteButton" kind="primary" onClick={onInviteClick}>
                     {_t("Invite to this room")}
                 </AccessibleButton>
             </div>