1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-09 08:42:50 +03:00

Create useRoomName hook (#11346)

* Create useRoomName hook

Mark RoomName component as deprecated

* Pass out-of-band data to relevant RoomHeader component

* Mark LegacyRoomHeader as deprecated

* Fix incorrect search&replace in _RoomHeader.pcss

* lintfix

* Fix i18n

* Discard use of useCallback

* Change export of useRoomName

* fix ts issue

* lints
This commit is contained in:
Germain
2023-08-01 14:47:09 +01:00
committed by GitHub
parent 9026996d9e
commit 5d9f5ccf0b
9 changed files with 95 additions and 36 deletions

View File

@@ -43,4 +43,16 @@ describe("Roomeader", () => {
const { container } = render(<RoomHeader room={room} />);
expect(container).toHaveTextContent(ROOM_ID);
});
it("display the out-of-band room name", () => {
const OOB_NAME = "My private room";
const { container } = render(
<RoomHeader
oobData={{
name: OOB_NAME,
}}
/>,
);
expect(container).toHaveTextContent(OOB_NAME);
});
});

View File

@@ -3,11 +3,21 @@
exports[`Roomeader renders with no props 1`] = `
<DocumentFragment>
<header
class="mx_LegacyRoomHeader light-panel"
class="mx_RoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
/>
class="mx_RoomHeader_wrapper"
>
<div
aria-level="1"
class="mx_RoomHeader_name"
dir="auto"
role="heading"
title="Join Room"
>
Join Room
</div>
</div>
</header>
</DocumentFragment>
`;