Update RoomSummaryCard navigation links (#11812)

* Update RoomSummaryCard navigation links

* Fix tests

* remove unneeded test

* "@vector-im/compound-web": "0.8.0"

* Fix: search button no transition on hover

* Fix: disabled invite option is not reflected in UI

* test canInviteTo

* update snapshots for CW 0.8.1

* unit test inviteToRoom

* unit test tagRoom

* add member link to roomsummarycard when using legacy room header

* use onChange instead of onClick for ToggleMenuItem favourite room

* update selectors in cypress tests

* always show people menu item

* add hover style to close button

* add padding around room name

* prettier

---------

Co-authored-by: Kerry Archibald <kerrya@element.io>

src/utils/room/canInviteTo.ts

@@ -0,0 +1,33 @@
+/*
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { JoinRule, Room } from "matrix-js-sdk/src/matrix";
+
+import { shouldShowComponent } from "../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../settings/UIFeature";
+
+/**
+ * Can a user invite new members to the room
+ * @param room
+ * @returns whether the user can invite new members to the room
+ */
+export function canInviteTo(room: Room): boolean {
+    const client = room.client;
+    const canInvite =
+        !!room.canInvite(client.getSafeUserId()) || !!(room.isSpaceRoom() && room.getJoinRule() === JoinRule.Public);
+
+    return canInvite && room.getMyMembership() === "join" && shouldShowComponent(UIComponent.InviteUsers);
+}

src/utils/room/inviteToRoom.ts

@@ -0,0 +1,36 @@
+/*
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { Room } from "matrix-js-sdk/src/matrix";
+
+import dis from "../../dispatcher/dispatcher";
+
+/**
+ * Invite to a room and prompts guests to registers
+ * @param room
+ */
+export function inviteToRoom(room: Room): void {
+    if (room.client.isGuest()) {
+        dis.dispatch({ action: "require_registration" });
+        return;
+    }
+
+    // open the room inviter
+    dis.dispatch({
+        action: "view_invite",
+        roomId: room.roomId,
+    });
+}

src/utils/room/tagRoom.ts

@@ -0,0 +1,40 @@
+/*
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import RoomListStore from "../../stores/room-list/RoomListStore";
+import { DefaultTagID, TagID } from "../../stores/room-list/models";
+import RoomListActions from "../../actions/RoomListActions";
+import dis from "../../dispatcher/dispatcher";
+
+/**
+ * Toggle tag for a given room
+ * @param room The room to tag
+ * @param tagId The tag to invert
+ */
+export function tagRoom(room: Room, tagId: TagID): void {
+    if (tagId === DefaultTagID.Favourite || tagId === DefaultTagID.LowPriority) {
+        const inverseTag = tagId === DefaultTagID.Favourite ? DefaultTagID.LowPriority : DefaultTagID.Favourite;
+        const isApplied = RoomListStore.instance.getTagsForRoom(room).includes(tagId);
+        const removeTag = isApplied ? tagId : inverseTag;
+        const addTag = isApplied ? null : tagId;
+        dis.dispatch(RoomListActions.tagRoom(room.client, room, removeTag, addTag, 0));
+    } else {
+        logger.warn(`Unexpected tag ${tagId} applied to ${room.roomId}`);
+    }
+}