nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

refactor: rename mx_RoomList as mx_LegacyRoomList (#29362)

Browse Source
This commit is contained in:
Florian Duros
2025-02-27 14:34:54 +01:00
committed by GitHub
parent c00262f0c5
commit e749b017c9
6 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
playwright/e2e/crypto/crypto.spec.ts
View File

@@ -28,7 +28,7 @@ const checkDMRoom = async (page: Page) => {
}; };
const startDMWithBob = async (page: Page, bob: Bot) => { const startDMWithBob = async (page: Page, bob: Bot) => {
await page.locator(".mx_RoomList").getByRole("button", { name: "Start chat" }).click(); await page.locator(".mx_LegacyRoomList").getByRole("button", { name: "Start chat" }).click();
await page.getByTestId("invite-dialog-input").fill(bob.credentials.userId); await page.getByTestId("invite-dialog-input").fill(bob.credentials.userId);
await page.locator(".mx_InviteDialog_tile_nameStack_name").getByText("Bob").click(); await page.locator(".mx_InviteDialog_tile_nameStack_name").getByText("Bob").click();
await expect( await expect(

2
playwright/e2e/invite/invite-dialog.spec.ts
View File

@@ -77,7 +77,7 @@ test.describe("Invite dialog", function () {
"should support inviting a user to Direct Messages", "should support inviting a user to Direct Messages",
{ tag: "@screenshot" }, { tag: "@screenshot" },
async ({ page, app, user, bot }) => { async ({ page, app, user, bot }) => {
await page.locator(".mx_RoomList").getByRole("button", { name: "Start chat" }).click(); await page.locator(".mx_LegacyRoomList").getByRole("button", { name: "Start chat" }).click();
const other = page.locator(".mx_InviteDialog_other"); const other = page.locator(".mx_InviteDialog_other");
// Assert that the header is rendered // Assert that the header is rendered

2
res/css/_components.pcss
View File

@@ -289,6 +289,7 @@
@import "./views/rooms/_IRCLayout.pcss"; @import "./views/rooms/_IRCLayout.pcss";
@import "./views/rooms/_InvitedIconView.pcss"; @import "./views/rooms/_InvitedIconView.pcss";
@import "./views/rooms/_JumpToBottomButton.pcss"; @import "./views/rooms/_JumpToBottomButton.pcss";
@import "./views/rooms/_LegacyRoomList.pcss";
@import "./views/rooms/_LegacyRoomListHeader.pcss"; @import "./views/rooms/_LegacyRoomListHeader.pcss";
@import "./views/rooms/_LinkPreviewGroup.pcss"; @import "./views/rooms/_LinkPreviewGroup.pcss";
@import "./views/rooms/_LinkPreviewWidget.pcss"; @import "./views/rooms/_LinkPreviewWidget.pcss";
@@ -313,7 +314,6 @@
@import "./views/rooms/_RoomHeader.pcss"; @import "./views/rooms/_RoomHeader.pcss";
@import "./views/rooms/_RoomInfoLine.pcss"; @import "./views/rooms/_RoomInfoLine.pcss";
@import "./views/rooms/_RoomKnocksBar.pcss"; @import "./views/rooms/_RoomKnocksBar.pcss";
@import "./views/rooms/_RoomList.pcss";
@import "./views/rooms/_RoomPreviewBar.pcss"; @import "./views/rooms/_RoomPreviewBar.pcss";
@import "./views/rooms/_RoomPreviewCard.pcss"; @import "./views/rooms/_RoomPreviewCard.pcss";
@import "./views/rooms/_RoomSearchAuxPanel.pcss"; @import "./views/rooms/_RoomSearchAuxPanel.pcss";

18
res/css/views/rooms/_RoomList.pcss → res/css/views/rooms/_LegacyRoomList.pcss
View File

@@ -6,31 +6,31 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
Please see LICENSE files in the repository root for full details. Please see LICENSE files in the repository root for full details.
*/ */
.mx_RoomList { .mx_LegacyRoomList {
padding-right: 7px; /* width of the scrollbar, to line things up */ padding-right: 7px; /* width of the scrollbar, to line things up */
} }
.mx_RoomList_iconPlus::before { .mx_LegacyRoomList_iconPlus::before {
mask-image: url("$(res)/img/element-icons/roomlist/plus-circle.svg"); mask-image: url("$(res)/img/element-icons/roomlist/plus-circle.svg");
} }
.mx_RoomList_iconNewRoom::before { .mx_LegacyRoomList_iconNewRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-plus.svg"); mask-image: url("$(res)/img/element-icons/roomlist/hash-plus.svg");
} }
.mx_RoomList_iconNewVideoRoom::before { .mx_LegacyRoomList_iconNewVideoRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-video.svg"); mask-image: url("$(res)/img/element-icons/roomlist/hash-video.svg");
} }
.mx_RoomList_iconAddExistingRoom::before { .mx_LegacyRoomList_iconAddExistingRoom::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash.svg"); mask-image: url("$(res)/img/element-icons/roomlist/hash.svg");
} }
.mx_RoomList_iconExplore::before { .mx_LegacyRoomList_iconExplore::before {
mask-image: url("$(res)/img/element-icons/roomlist/hash-search.svg"); mask-image: url("$(res)/img/element-icons/roomlist/hash-search.svg");
} }
.mx_RoomList_iconDialpad::before { .mx_LegacyRoomList_iconDialpad::before {
mask-image: url("$(res)/img/element-icons/roomlist/dialpad.svg"); mask-image: url("$(res)/img/element-icons/roomlist/dialpad.svg");
} }
.mx_RoomList_iconStartChat::before { .mx_LegacyRoomList_iconStartChat::before {
mask-image: url("@vector-im/compound-design-tokens/icons/user-add-solid.svg"); mask-image: url("@vector-im/compound-design-tokens/icons/user-add-solid.svg");
} }
.mx_RoomList_iconInvite::before { .mx_LegacyRoomList_iconInvite::before {
mask-image: url("$(res)/img/element-icons/room/share.svg"); mask-image: url("$(res)/img/element-icons/room/share.svg");
} }

8
src/components/structures/SpaceRoomView.tsx
View File

@@ -117,7 +117,7 @@ const SpaceLandingAddButton: React.FC<{ space: Room }> = ({ space }) => {
<> <>
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|new_room")} label={_t("action|new_room")}
iconClassName="mx_RoomList_iconNewRoom" iconClassName="mx_LegacyRoomList_iconNewRoom"
onClick={async (e): Promise<void> => { onClick={async (e): Promise<void> => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -132,7 +132,7 @@ const SpaceLandingAddButton: React.FC<{ space: Room }> = ({ space }) => {
{videoRoomsEnabled && ( {videoRoomsEnabled && (
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|new_video_room")} label={_t("action|new_video_room")}
iconClassName="mx_RoomList_iconNewVideoRoom" iconClassName="mx_LegacyRoomList_iconNewVideoRoom"
onClick={async (e): Promise<void> => { onClick={async (e): Promise<void> => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -157,7 +157,7 @@ const SpaceLandingAddButton: React.FC<{ space: Room }> = ({ space }) => {
)} )}
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|add_existing_room")} label={_t("action|add_existing_room")}
iconClassName="mx_RoomList_iconAddExistingRoom" iconClassName="mx_LegacyRoomList_iconAddExistingRoom"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -168,7 +168,7 @@ const SpaceLandingAddButton: React.FC<{ space: Room }> = ({ space }) => {
{canCreateSpace && ( {canCreateSpace && (
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("room_list|add_space_label")} label={_t("room_list|add_space_label")}
iconClassName="mx_RoomList_iconPlus" iconClassName="mx_LegacyRoomList_iconPlus"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();

20
src/components/views/rooms/LegacyRoomList.tsx
View File

@@ -142,7 +142,7 @@ const DmAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex, dispatcher = default
{showCreateRooms && ( {showCreateRooms && (
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|start_new_chat")} label={_t("action|start_new_chat")}
iconClassName="mx_RoomList_iconStartChat" iconClassName="mx_LegacyRoomList_iconStartChat"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -158,7 +158,7 @@ const DmAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex, dispatcher = default
{showInviteUsers && ( {showInviteUsers && (
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|invite_to_space")} label={_t("action|invite_to_space")}
iconClassName="mx_RoomList_iconInvite" iconClassName="mx_LegacyRoomList_iconInvite"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -230,7 +230,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
<IconizedContextMenuOptionList first> <IconizedContextMenuOptionList first>
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|explore_rooms")} label={_t("action|explore_rooms")}
iconClassName="mx_RoomList_iconExplore" iconClassName="mx_LegacyRoomList_iconExplore"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -247,7 +247,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
<> <>
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|new_room")} label={_t("action|new_room")}
iconClassName="mx_RoomList_iconNewRoom" iconClassName="mx_LegacyRoomList_iconNewRoom"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -261,7 +261,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
{videoRoomsEnabled && ( {videoRoomsEnabled && (
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|new_video_room")} label={_t("action|new_video_room")}
iconClassName="mx_RoomList_iconNewVideoRoom" iconClassName="mx_LegacyRoomList_iconNewVideoRoom"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -279,7 +279,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
)} )}
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|add_existing_room")} label={_t("action|add_existing_room")}
iconClassName="mx_RoomList_iconAddExistingRoom" iconClassName="mx_LegacyRoomList_iconAddExistingRoom"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -300,7 +300,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
<> <>
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|new_room")} label={_t("action|new_room")}
iconClassName="mx_RoomList_iconNewRoom" iconClassName="mx_LegacyRoomList_iconNewRoom"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -312,7 +312,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
{videoRoomsEnabled && ( {videoRoomsEnabled && (
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|new_video_room")} label={_t("action|new_video_room")}
iconClassName="mx_RoomList_iconNewVideoRoom" iconClassName="mx_LegacyRoomList_iconNewVideoRoom"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -333,7 +333,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
{showExploreRooms ? ( {showExploreRooms ? (
<IconizedContextMenuOption <IconizedContextMenuOption
label={_t("action|explore_public_rooms")} label={_t("action|explore_public_rooms")}
iconClassName="mx_RoomList_iconExplore" iconClassName="mx_LegacyRoomList_iconExplore"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -678,7 +678,7 @@ export default class LegacyRoomList extends React.PureComponent<IProps, IState>
} }
onKeyDownHandler(ev); onKeyDownHandler(ev);
}} }}
className="mx_RoomList" className="mx_LegacyRoomList"
role="tree" role="tree"
aria-label={_t("common|rooms")} aria-label={_t("common|rooms")}
ref={this.treeRef} ref={this.treeRef}