pop
/
vibed
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
main
quotesdb
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '814d1f50cb'
${ noResults }
vibed/quotesdb/.beans/quotesdb-0flf--implement-br...

1.6 KiB
Raw Blame History

title status type priority created_at updated_at blocked_by
Implement Browse page (/browse) — paginated quote list with author/tag filter controls completed task normal 2026-03-10T23:32:07Z 2026-03-10T23:32:14Z
quotesdb-xqh3
quotesdb-dgwi
quotesdb-oukj
quotesdb-6huz
quotesdb-kg2l
quotesdb-k258
quotesdb-wlpv
The `quotesdb` UI is a Yew (Rust → Wasm) single-page app compiled by Trunk and hosted on Cloudflare Pages. It communicates with the backend API via `fetch` calls. Source lives in `src/bin/ui/`. Run with `trunk serve` for local development.

The Browse page displays a paginated list of all quotes with optional author and tag filters.

Implement the Browse page component (`src/bin/ui/pages/browse.rs`): 1. Read `?page`, `?author`, `?tag` from the URL query string 2. Fetch quotes from `GET /api/quotes` with the query parameters 3. Render each quote with the `QuoteCard` component 4. Render the `Pagination` component with prev/next navigation (update URL query params on page change) 5. Render the `TagFilter` component and an author text input for filtering 6. Render `ErrorDisplay` on error - URL query parameters are the source of truth for current page and filters — use yew-router location hooks to read/write them. - Changing a filter should reset to page 1. - The author filter is a free-text input (case-insensitive match on the API side). From the `quotesdb/` directory: 
trunk build
`feat(quotesdb): implement Browse page — paginated list with filters`