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.
| title |
status |
type |
priority |
created_at |
updated_at |
blocked_by |
| Implement Quote detail page (/quotes/:id) — view, edit form with auth prompt, delete with auth prompt |
completed |
task |
normal |
2026-03-10T23:32:07Z |
2026-03-10T23:32:15Z |
| quotesdb-xqh3 |
| quotesdb-dgwi |
| quotesdb-oukj |
| quotesdb-qqdf |
| 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 Quote Detail page (/quotes/:id) shows a single quote. It also provides edit and delete actions, each guarded by the AuthModal component that prompts for the auth code.
Implement the Quote Detail page component (`src/bin/ui/pages/quote_detail.rs`):
1. Extract `:id` from the route
2. Fetch the quote from `GET /api/quotes/:id`
3. Render the quote with `QuoteCard`
4. Render Edit and Delete buttons
5. Edit: show `AuthModal`, then show an edit form pre-filled with current values; on submit call `POST /api/quotes/:id`
6. Delete: show `AuthModal`, then call `DELETE /api/quotes/:id`; on success navigate to `/`
7. Show 403 error message on wrong auth code
- 404 from the API should display a user-friendly "quote not found" message.
- After successful edit, re-fetch the quote to show updated data.
- After successful delete, navigate to `/browse`.
From the `quotesdb/` directory:
trunk build
`feat(quotesdb): implement Quote Detail page — view, edit, delete with auth`