Added Pagination for Activities Page

[abhishek-01k]

Pull Request Template

Ticket Number

1686

Description

Pagination is added to the Activities tab in the rewards Page. Also, an Infinite Scroll bar is also added when the user will scroll to the bottom then more activities will be fetched from the API.

• Problem/Feature:

Type of Change

• [x] Bug fix
• [ ] New feature
• [ ] Code refactor
• [ ] Documentation update
• [ ] Other (please describe):

Checklist

• [ ] Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
  • [ ] Quick PR label added
• [ ] Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
  • [ ] DO NOT Merge PR label added

Frontend Guidelines

• [ ] Followed frontend guidelines as per the Guidelines Notion Doc

Build & Testing

• [x] No errors in the build terminal
• [x] Engineer has tested the changes on their local environment
• [ ] Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

• Before: Explain the previous behavior

• After: What's changed now

Additional Context

Review & Approvals

• [ ] Self-review completed
• [ ] Code review by at least one other engineer
• [ ] Documentation updates if applicable

Notes

RIght now we have very less activity on the dev server. So, it is hard to test this functionality. This should be added to the rewards V1 page when we have good amount of activities. Or In V2 of the rewards.

OR the backend should give an API to make more activities so that we can test the functionalities in future also. Create a new activity and also delete an activity API will help

[github-actions[bot]]

In the file RewardsActivitiesListItem.tsx, there is a missing closing curly brace for the getUpdatedExpiryTime function:

const getUpdatedExpiryTime = (timestamp: number) => {
  const date = new Date(timestamp * 1000);
  const days = date.getDate();
  return days;
}; // Missing closing curly brace here

Other than that, the provided code seems fine.

All looks good.