Add an option to "add a new book" when no results are found on the book search page

[RayBB]

Proposal

When the books search page has no results. We should show an option to "add a new book"
For example: https://openlibrary.org/search?q=%22institutional+thickness+999%22

This is per @cdrini 's suggestion here

Justification

The problem is that when there are no search results we leave the user with nothing to do.
If they're looking for a book and can't find it then we should let them know they can add it.

Breakdown

Requirements Checklist

• [ ]

Related files

Stakeholders

• @cdrini

---

Instructions for Contributors

Please run these commands to ensure your repository is up to date before creating a new branch to work on this issue and each time after pushing code to Github, because the pre-commit bot may add commits to your PRs upstream.

[longbui23]

Hi @RayBB,

I'm Long, a member of a group of 5 students in Dickinson College who really want to contribute to Open Library. We're really interested in this issue and want to ask whether you could grant us this issue. Looking forward to your guidance. Thank you!

[RayBB]

@longbui23 you're assigned now.
Please read the contributing.md (especially watching the technical walkthrough)
Let me know if you have any questions.

Good luck!

[longbui23]

Hello @RayBB , we have successfully implemented a feature that allows users to add a new book when no search results are found, as demonstrated in the video. However, we are uncertain whether we should create a template for this button or feature.

We have thoroughly reviewed all previous files but haven't encountered any similar types of book-adding buttons or features. We would be very grateful if you could advise on the best approach for this functionality.

Screen.Recording.2024-12-03.at.10.37.17.PM.mov

[RayBB]

That looks good. A link like that should work. I don't think it needs to be a button since it's not an action only a navigation.

[cdrini]

Nice! Let's go with "Add a new book?" as the markup, and let's put it on the same lane with the other text (adding a period!)