Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

First step to add header to new room list #29320

Merged
merged 7 commits into from
Feb 20, 2025

Conversation

florianduros
Copy link
Member

@florianduros florianduros commented Feb 19, 2025

Task https://github.com/element-hq/wat-internal/issues/204
Figma design

This PR is a first step to add the header of the new room list:

  • Display the space or meta-space name
  • Add a menu where the user can create dm, room and video room according to their rights, settings...

This PR doesn't implement all the features of the design:

  • The menu on the title is still in discussion. See figma design. It will be (or not) implemented in another PR.
  • The compose menu when a space is selected will be implemented in an incoming PR. The actions will be updated too. (In order to keep this PR small)
  • The responsive design of the new room list is sill in discussion

Visual

image
Screen.Recording.2025-02-19.at.15.22.08.mov

Comment on lines 29 to 37
<Flex
as="header"
className="mx_RoomListHeaderView"
aria-label={_t("room|context_menu|title")}
justify="space-between"
align="center"
>
<h1>{vm.title}</h1>
Copy link
Member Author

@florianduros florianduros Feb 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure about the header and h1 tag here in terms of a11y. Is it better to have an aside instead (like in the current room list)?

@florianduros florianduros changed the title Add new header to new room list First step to add new header to new room list Feb 19, 2025
@florianduros florianduros changed the title First step to add new header to new room list First step to add header to new room list Feb 19, 2025

/**
* View model for the RoomListHeader.
* The actions don't work when called in a space yet.
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This will change when we will implement the menu for the spaces. Until it's implemented, the menu is not render for spaces and the actions are not called.

Copy link
Member

@dbkr dbkr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good!

@florianduros florianduros added this pull request to the merge queue Feb 20, 2025
Merged via the queue into develop with commit fb57924 Feb 20, 2025
31 checks passed
@florianduros florianduros deleted the florianduros/new-room-list/header branch February 20, 2025 15:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants