mobile: collections support (sheet picker + kebab action + detail buttons)#208
Merged
Conversation
…ttons) Mobile had zero collections UI. Web has had them since PR #203. shared: - new packages/shared/src/api/collections.ts with list/create/update/delete/ addBookToCollection/removeBookFromCollection/getCollectionBookIds, exposed via collectionsApi + Collection / CollectionBookType types. - en.json gains library.actions.addToCollection*, library.collections.* strings (mirroring web). mobile: - useCollections hook (cache 60s + subs + refresh + create/update/remove), ported from the web version. - new AddToCollectionSheet (bottom-sheet modal): list of collections, "+ New collection" inline create flow, success/error feedback, native UX rather than the web popover. - useBookActions: showSavedActions / showUploadActions now accept an optional onAddToCollection callback that, when provided, prepends an "Add to collection" entry to the action sheet. - (tabs)/library.tsx: SavedList and UploadsList host their own sheet instances, wire onAddToCollection in handleAction, toast on success. - app/book/[slug].tsx: "Add to collection" button in the secondary actions row, only when the book is in the library (web parity). - app/my-books/[id].tsx: "Add to collection" button alongside Mark as read / Download EPUB / Share for ready uploads. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
mrviduus
added a commit
that referenced
this pull request
May 5, 2026
After PR #208 mobile gained collections at the data layer but the sidebar drawer didn't show them. Closing that gap. - LibrarySidebarDrawer takes activeCollectionId + onCollectionSelect props, renders a "COLLECTIONS" section under the source tabs with each collection name and book count. Tap a collection → filter library; tap again → clear filter. - (tabs)/library.tsx: activeCollectionId state, parallel fetch of saved + upload book IDs for the active collection (mirrors web), pass Set<string>|null to SavedList and UploadsList as collectionFilterIds. - SavedList / UploadsList apply the set as an extra filter step right after status + search. - Tapping a source tab clears the active collection (mutually exclusive selection in the drawer — same as web behaviour). Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Mobile had zero collections UI; web has had them since PR #203. Ports collection API to @textstack/shared, adds useCollections hook, AddToCollectionSheet bottom-sheet picker, kebab action, and Add-to-collection buttons on book detail pages.