Show GraphQL "loading" and "error Failed to fetch" messages on Search page

[RivaD2]

Currently, if the Books-API is down/not running and a user types in a search query and clicks search, the return statements are executed for loading and error variables from GraphQL in Search.tsx. The loading text is shown, and then the following error message is shown on blank white page:

What should happen/expected behavior:

If the Books-API is down/not running, the loading text and error message should be shown on Search.tsx below the search input, not on a separate page.

This issue is linked to: Search-Results-882

Additional context

• Be sure to read the contributing guidelines first!
• Discuss your implementation approach with us before we assign you to it
• Provide us with an estimate on how long you think it will take you to complete
• Branch from main and set main as the destination branch in your pull request

[stale[bot]]

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.