Angular fixes on EXISTING chat app

Job ID: 34965581

Budget: $30 – $250 USD

I have an existing simple chat app and i want to make some improvements over time.
The chat is located in a material mat-tab and loads the messages and you already have all the messages stored in a variable (no need to do backend changes).

OBS!!! This task is hard since i use the material mat-tabs!

Tasks:
1: On page load the chat should scroll to bottom of the page showing the LATEST message
2: OBS : the message list is a grouped dictionary (Dictionary<messages[]>)
There should be a button "Load more..." on the top of the page to load older messages

These are the first two tasks
Related categories: CSS HTML Google Firebase Angular 6