Bug: "No Appointments" message shows before data is fetched in My Appointments

[Mohan-Murali-02]

When navigating to the "My Appointments" page, the message "No Appointments" is displayed briefly until the actual appointment details are fetched and rendered. This can be misleading for users, especially if they have existing appointments.

Log in and go to the "My Appointments" section

Observe the initial message: "No Appointments"

After a short delay, the actual appointments are displayed

Expected:
Instead of showing "No Appointments" immediately, a loading indicator (spinner/skeleton) should be displayed until the API response is received. Only if no appointments exist, then show the "No Appointments" message.

Possible Solution:
Add a loading state in the frontend while fetching appointments
Replace the default "No Appointments" with a spinner or placeholder text like "Fetching your appointments..."

I would like to work on this issue under GSSoC. Kindly assign this issue to me.

[Mohan-Murali-02]

Hi @Crystlfly 👋,
I have created this issue regarding the "No Appointments" message being shown before data is fetched in the My Appointments page.
I would like to work on this issue under GSSoC. Could you please assign it to me?

[Crystlfly]

@Mohan-Murali-02 go ahead