Update Books Page List Section Design

[mekarpeles]

Problem

A clear and concise description of what you want to happen

Update the Books Page List Section Design
Add List Owner's Avatar Image to List Preview

Before

After

This after design can already be seen at the bottom of the "My Books" page (e.g. https://openlibrary.org/people/mekBot/books)

• Add patron avatar to existing My Books design
• Redesign Books Page lists section to only be a single row of up to 5 lists
• Make sure each list card is cached for performance

Proposal & Constraints

No response

Leads

Related files

Stakeholders

---

### Instructions for Contributors - Please [run these commands](https://github.com/internetarchive/openlibrary/wiki/Git-Cheat-Sheet#working-on-your-branch) to ensure your repository is up to date **before** [creating a new branch](https://github.com/internetarchive/openlibrary/wiki/Git-Cheat-Sheet#making-changes-and-creating-a-pull-request) 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.

[mekarpeles]

@benbdeitch any chance you may be open to helping mentor this one?

[prasad14070]

Hello @mekarpeles can I work on this issue.

[mekarpeles]

For now, let's go with a card design that looks like those above, however, below the Title and above the book count we have by: <creator> and we can discuss the specific design once we have a PR to talk about.

In the current model we source our Lists from 2 queries:

• 1 for Lists containing this Edition
• 1 for Lists containing this Work

Let's try to keep this pretty much as it is and limit the number of cards we show to 5. We can figure out exact balance in PR review