setup pagination for chat room

[Palakkgoyal]

This PR closes #936
I have added pagination on the chat room and also made it scroll from bottom to top.

[github-actions]

Thank you Palakkgoyal! for creating this pull request and contributing to Dummygram! 💗

The maintainers will review this Pull Request and provide feedback as soon as possible! 😇
We appreciate your patience and contribution, Keep up the great work! 😀

[narayan954]

could this usage be due to this?? If so this could be alarming actually.

Also, there're many snapshots in our project which are not unsubscribed/closed. We need to lookout again for the db usage. I think before this chat feature, usage was fine...If we allow this pagination, it'd cross the limit very early tomorrow as there'd be more users.

As now I am thinking, maybe this usage is partly because the snapshot is not closed and chat gets updated in background of users,once he has entered the chat section.It's like opening a portal lol on opening chat page. and partly because the pagination loads the chat very aggressively.

We need to add unsubscribe function in the return() of these component lifecycle.
I was just going to read this article regarding firebase today only, maybe you can give it a read as well :)

[narayan954]

I think adding unsubscribe method should work, and this pagination is fine as well. If we get into a problem with this though, we can add pagination to be not on scroll but a button load more

[Palakkgoyal]

I think adding unsubscribe method should work, and this pagination is fine as well. If we get into a problem with this though, we can add pagination to be not on scroll but a button load more

I knew that providing a cleanup function is important but due to lack of experience I was not able to grasp its importance. After watching this and reading more about it I understand why it is important. I will do the required changes in it. Should I add a button now for loading chats or not?

[narayan954]

I think adding unsubscribe method should work, and this pagination is fine as well. If we get into a problem with this though, we can add pagination to be not on scroll but a button load more

I knew that providing a cleanup function is important but due to lack of experience I was not able to grasp its importance. After watching this and reading more about it I understand why it is important. I will do the required changes in it. Should I add a button now for loading chats or not?

it's your call, if it doesn't seem like it, let it be,else you definitely can! :)

[Palakkgoyal]

I have done the required changes. Can you please check.

[narayan954]

I have done the required changes. Can you please check.

aight, on it!

[narayan954]

looks good to me!

[narayan954]

Wait, does it work at all @Palakkgoyal ;-; I missed to check and now on production, I don't think it works ;-;

[Palakkgoyal]

I checked it worked but I don't know about the production.

[narayan954]

I checked it worked but I don't know about the production.

yes it works there, but doesn't at all in production version and there's memory leaking

[Palakkgoyal]

I tried to give a good cleanup to it using AbortController but don't know why it was not working.

[narayan954]

I tried to give a good cleanup to it using AbortController but don't know why it was not working.

now I think abortcontroller is what's causing it to abort, hence not working

[Palakkgoyal]

But I didn't used it cause AbortController wasn't even working during development.

[narayan954]

But I didn't used it cause AbortController wasn't even working during development.

lol, btw in mobile devices, the feature work, but not in desktops... I'll go through the code again and try to fix as well

[Palakkgoyal]

But I didn't used it cause AbortController wasn't even working during development.

lol, btw in mobile devices, the feature work, but not in desktops... I'll go through the code again and try to fix as well

Is it? That seems typical.

[narayan954]

But I didn't used it cause AbortController wasn't even working during development.

lol, btw in mobile devices, the feature work, but not in desktops... I'll go through the code again and try to fix as well

Is it? That seems typical.

I feel the same, but it worked ;-;

[Palakkgoyal]

That's amazing.