imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create useRoomName hook (#11346)

Browse source 
* 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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 95 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

12
test/components/views/rooms/RoomHeader-test.tsx
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);
});
});

16
test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap
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>
`;