Provide UI Feedback when "Jump To Date" is in progress

[BurnyBoi]

Your use case

What would you like to do?

When selecting a date to jump to, provide feedback that the jump is in progress in case there is a delay.

Why would you like to do it?

Currently, when selecting a jump that takes a while to do (Beginning of Room for example), there is nothing on the UI indicating that Element is working on the jump. If you wait a while, and even go to move to another room, it will eventually do the jump, but this can be confusing.

Have you considered any alternatives?

The best alternative would be if Jump To Date was always fast enough to never need a "loading" indicator, but it's understandable that it takes time.

Additional context

No response

[t3chguy]

and even go to move to another room, it will eventually do the jump, but this can be confusing.

This is another bug which needs fixing, if you change room it should not take you back out of it when it completes.

[Pattygeek]

@dbkr t Hi, I am an outreachy applicant, please can you assign this issue to me?

[SimonBrandner]

@dbkr t Hi, I am an outreachy applicant, please can you assign this issue to me?

I've assigned you to the issue. If you need any help/have any questions be sure to visit #element-dev:matrix.org!

[Pattygeek]

Hi @BurnyBoi please, Can you outline the steps to reproduce this bug?

[BurnyBoi]

Hi @BurnyBoi please, Can you outline the steps to reproduce this bug?

You need a room with a large amount of events spanning over a long time, and then attempt to jump to either a date really far in the past, or select Beginning of Room. If the room is large enough, it will take a long time for the jump to happen, and you'll be able to do other things on the UI while you wait (including going to another room)

[MadLittleMods]

and even go to move to another room, it will eventually do the jump, but this can be confusing.

This is another bug which needs fixing, if you change room it should not take you back out of it when it completes.

This is being fixed by matrix-org/matrix-react-sdk#10405

---

In terms of indicating loading state (jump to date in progress), some prior art on UI patterns we could use:

src/components/structures/RoomStatusBar.tsx sticky at the bottom of the timeline:

src/components/views/rooms/DecryptionFailureBar.tsx sticky at the top of the timeline view:

We could share this pattern when:

1. Page-loading with an event ID in the URL
2. Navigating to a permalink /goto matrix.to
3. Jumping from the thread panel to viewing the thread root in the main timeline via View in room
4. Jumping to a pinned message
5. Jumping from a search result
6. Jumping from a message in the Notifications panel