Loading spinner on row click

I am clicking on the table row, to open a model. What I want is, after clicking on the table row, till the time API is loading, I should be able to show the spinner to the user, after which the modal opens (After API fetches the result).

How can I solve this? It's much needed at this time.

Hey @ishi8,

I would open the modal and show the spinner within (much easier to do then to overlay a spinner over the whole app).

  • Open the modal
  • Create a spinner element that is only visible if yourQuery.isFetching
  • Unhide other elements as your yourQuery finished loading

Would that work for you?

2 Likes