Bug Report: Flickering screen when port localhost:4000/graphql is not found

[VanshikaSabharwal]

Describe the bug
When starting the talawa-admin application, the screen begins to flicker if the GraphQL API endpoint (localhost:4000/graphql) is not reachable.

To Reproduce
Steps to reproduce the behavior:

1. Start talawa-api using docker
2. Start talawa-admin
3. The screen will start flickering if localhost:4000/graphql is not found
4. Logs shows the error.
   Error logs: - Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:4000/graphql/. (Reason: CORS request did not succeed). Status code: (null)

Expected behavior

• The screen should not flicker when the API endpoint is unreachable.
• Instead, a clear error message should be displayed to the user indicating that the GraphQL endpoint is down or inaccessible.

Actual behavior
-The screen flickers continuously when the API endpoint (localhost:4000/graphql) is not found.
-Logs indicate a CORS request failure with no clear status code.

Screenshots

WhatsApp.Video.2024-12-18.at.15.23.17.mp4

Additional details

• The issue occurs when the talawa-api backend is not up or misconfigured.
• This results in talawa-admin failing to fetch the GraphQL endpoint, leading to flickering.

Potential internship candidates

Please read this if you are planning to apply for a Palisadoes Foundation internship

• Student Internship Programs talawa#359

[VanshikaSabharwal]

@palisadoes can i work on this issue.

[Coolsheru2526]

@palisadoes can i work on this issue

[dhanagopu]

@VanshikaSabharwal Our policy is to assign no more than two issues to each contributor across all repositories. This way everyone gets a chance to participate in the projects. You have reached your limit, please wait until your existing issues are closed before requesting more issues.

[akshayw1]

@dhanagopu Can In work on the issue

[Cioppolo14]

@akshayw1 If the issue has already been assigned, please don't ask to be assigned. We want everyone to get a chance.

[Coolsheru2526]

@Cioppolo14 I am facing issue with the docker installation to replicate the issue and start working on it

[Aad1tya27]

Shouldn't this issue be in Talawa-Admin repo? It might just fix by clearing local storage before navigating to login screen.