[$70] Newest message displays at the top of thread

[ajefts]

Objective: Inverse the order that messages are displayed in a thread, so that the newest message is displayed at the top of the thread and then subsequent messages are displayed in descending order from newest to oldest. The "load earlier messages" button should be moved to the bottom of the thread and will be displayed after the five most-recent messages.

[ajefts]

Link to feature: https://tcprod.productboard.com/feature-board/planning/features/1744834

[vikasrohit]

@maxceem let me know if you have any query. I would like to include it in bug bash.

[maxceem]

@vikasrohit

1. where should we keep the field to enter a new post?

   
   If we keep it at the bottom like it's done now it could be a little bit not comfortable as it would be far from the last message we are responding to.
   Not sure if it would also feel good if we move it up and would response to the latest post which would be under it.

2. Should we make the same change for Phases?

   

3. If we inverse the order, it looks like we would need to move this sticky date to the bottom:

   

4. This also should be changed in the full screen mode

   

5. Also, should be changed in mobile resolution:
   Dashboard posts:
   

   Dashboard posts (fullscreen):
   

   Phase posts:
   

[RishiRajSahu]

@maxceem

1. Let's keep the text area as it is for now. Still if you could quickly show a mock using browser tool it would be helpful
2. Yes for phases also
3. Why is it required to move at bottom ? I think we can show the date of latest post there, please help me understand if I am missing something here
4. Yes
5. Yes

[maxceem]

@RishiRajSahu I think I've overthought, so we can show in such a way with posts in reserved order while keeping dates above the posts:

[maxceem]

Sum up:

We should show posts in reverse order.
Order now: oldest - on the top, newest - on the bottom:

The order we want to achieve: oldest - on the bottom, newest - on the top:

We should change the order for all the cases where we show posts:

1. Dashboard (desktop and mobile)

2. Dashboard fullscreen (desktop and mobile) when we click

   

3. Phases discussion tab (desktop and mobile)

4. load earlier posts should still work for all the cases 1-3 taking into account the new order:

   

   See project for demo https://connect.topcoder-dev.com/projects/7527

[maxceem]

This issue is now open for pick up.