Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Create room threads list view #6904

Merged
merged 53 commits into from
Oct 14, 2021
Merged

Create room threads list view #6904

merged 53 commits into from
Oct 14, 2021

Conversation

Palid
Copy link
Contributor

@Palid Palid commented Oct 5, 2021

Partially deals with element-hq/element-web#18957 (missing the empty list design)


This PR currently has no changelog labels, so will not be included in changelogs.

A reviewer can add one of: T-Deprecation, T-Enhancement, T-Defect, T-Task to indicate what type of change this is, or add Type: [enhancement/defect/task] to the description and I'll add them for you.

Preview: https://61683093f95e3b00ba0ae9c7--matrix-react-sdk.netlify.app
⚠️ Do you trust the author of this PR? Maybe this build will steal your keys or give you malware. Exercise caution. Use test accounts.

@Palid Palid requested a review from a team as a code owner October 5, 2021 12:05
@Palid Palid marked this pull request as draft October 5, 2021 12:05
@Palid Palid closed this Oct 5, 2021
@Palid Palid force-pushed the feature/palid/18957 branch from df25b38 to c670d95 Compare October 5, 2021 12:05
@Palid Palid reopened this Oct 5, 2021
@turt2live turt2live removed the request for review from a team October 5, 2021 19:38
@turt2live
Copy link
Member

I'm assuming this isn't meant to be in the review queue just yet.

@Palid Palid requested a review from germain-gg October 12, 2021 13:46
Dariusz Niemczyk added 2 commits October 12, 2021 15:52
* origin/develop: (27 commits)
  Fix room list skeleton ui for narrow room list
  Reset matrix-js-sdk back to develop branch
  Resetting package fields for development
  v3.32.1
  Prepare changelog for v3.32.1
  Upgrade matrix-js-sdk to 14.0.1
  Remove semicolon from notifications panel
  Resetting package fields for development
  v3.32.0
  Prepare changelog for v3.32.0
  Upgrade matrix-js-sdk to 14.0.0
  Hide Skeleton UI if you have Suggested Rooms
  Tweak skeleton UI height to be more reasonable
  Iterate invite your teammates to Space view
  Make thread button always visible (#6903)
  Prevent backdrop image from being selected
  v3.32.0-rc.2
  Prepare changelog for v3.32.0-rc.2
  Upgrade matrix-js-sdk to 14.0.0-rc.2
  Simplify and improve useRoomHierarchy hook
  ...
Copy link
Contributor

@germain-gg germain-gg left a comment

Choose a reason for hiding this comment

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

That looks much better to me!
I'd like to hear your plan of attack regarding the Set<Thread>/EventTimelineSet stuff before I give my approve here but it looks much better

Found a small UI defect to do when the timestamp when hovering the EventTile but besides that it works pretty well
Screen Shot 2021-10-12 at 16 58 51

Also appears that we're missing an "empty" state for that panel, @janogarcia should be able to help us here. We can make that happen in a different PR if there's going a bit of lead time on the design side

src/components/structures/ThreadPanel.tsx Outdated Show resolved Hide resolved
src/components/structures/ThreadPanel.tsx Show resolved Hide resolved
@janogarcia
Copy link
Contributor

Also appears that we're missing an "empty" state for that panel, @janogarcia should be able to help us here. We can make that happen in a different PR if there's going a bit of lead time on the design side

Yeah, it's on my list! Haven't finished working on it and its spec, which touches slightly different scenarios (no threads at all in room, no threads when filtering for threads you've participated in, or when switching to display only unread threads... but that one is out scope for now).

* origin/develop:
  Fix missing snapshot serializer&enzyme init (#6932)
  Allow editing of /rainbow and /rainbowme
  Fix EditorModel clone to actually be useful
  Improve typing
  Inhibit `Unable to get validated threepid` error during UIA
Copy link
Contributor

@germain-gg germain-gg left a comment

Choose a reason for hiding this comment

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

It looks now that the order of the events in the thread's list has been inverted.

The oldest event is at the bottom, when usually this newest event is at the bottom.

This was a follow up on a discussion with @janogarcia where he mentioned he recommends inverting the order of that list as well as the notification panel and the file panel.
But it's not as simple as reversing the order of the array, as the TimelinePanel does a lot of scroll jump when a new item is added to the list and we need to properly cater for that. This component is now running under the assumption that newest is always at the bottom.

Let's revert that change and create a separate task to build that experience up

@Palid Palid merged commit 562a880 into develop Oct 14, 2021
@Palid Palid deleted the feature/palid/18957 branch October 14, 2021 13:27
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants