Pagination Component - Prevent redundant / unintentional fetches

[kevin-pierce]

Summary

In order to throttle the page-search functionality on the homepage, we want to implement some form of debouncing / throttling. In the current implementation, when users search for a large page, such as 400, the following will happen:

• User types '4' ==> fetch triggered for page 4
• User types '0' ==> fetch triggered for page 40
• User types '0' ==> fetch triggered for page 400

As per discussion, the approach of choice entails leveraging onBlur to check for when the user exits the textfield for the page in order to initiate a new fetch.

Goals

• Trigger a new fetch when the user exits the textfield through onBlur
• Trigger a new fetch when the user hits the enter key

Implementation