Skip to content

feat(dpp): ✨ dedicated DPP detail page with prototype-matching UI#835

Merged
phoebus-84 merged 2 commits intomainfrom
dpp_detail
Apr 15, 2026
Merged

feat(dpp): ✨ dedicated DPP detail page with prototype-matching UI#835
phoebus-84 merged 2 commits intomainfrom
dpp_detail

Conversation

@phoebus-84
Copy link
Copy Markdown
Collaborator

  • Add /dpps/[id] route with SSG fallback and public access
  • Header card: orange DPP icon, inline status badge, batch code,
    Share/Download PDF/overflow action buttons
  • Collapsible 'What is a DPP?' explainer card with checkmarks
  • Sticky sidebar with colored section navigation (desktop)
  • Section cards with colored icon headers, title+subtitle, field grids
  • Product detail DPP cards navigate to /dpps/{id}
  • Profile DPP tab rows navigate to /dpps/{id} with keyboard support
  • Fix useDppApi infinite re-render: bypass unstable useStorage refs,
    read localStorage directly in useCallback bodies

Closes: interfacer-gui-7yb.1, .2, .3, .4, .6, .7, .8, .9

- Add /dpps/[id] route with SSG fallback and public access
- Header card: orange DPP icon, inline status badge, batch code,
  Share/Download PDF/overflow action buttons
- Collapsible 'What is a DPP?' explainer card with checkmarks
- Sticky sidebar with colored section navigation (desktop)
- Section cards with colored icon headers, title+subtitle, field grids
- Product detail DPP cards navigate to /dpps/{id}
- Profile DPP tab rows navigate to /dpps/{id} with keyboard support
- Fix useDppApi infinite re-render: bypass unstable useStorage refs,
  read localStorage directly in useCallback bodies

Closes: interfacer-gui-7yb.1, .2, .3, .4, .6, .7, .8, .9
- Install jspdf + jspdf-autotable for client-side PDF generation
- Create lib/dpp-pdf.ts with branded layout matching UI design tokens
- Wire Download PDF button with loading state
@phoebus-84 phoebus-84 merged commit 13e9ba8 into main Apr 15, 2026
1 check passed
@phoebus-84 phoebus-84 deleted the dpp_detail branch April 15, 2026 08:48
This was referenced Apr 21, 2026
phoebus-84 added a commit that referenced this pull request Apr 21, 2026
- **style: 🎨  lighter markdown editor (#763)**
- **feat: ✨ links to projects now lead to new products page (#813)**
- **feat: ✨ improve UX for unauthenticated users (#814)**
- **fix: 🐛 project images editing (#817)**
- **fix: 🐛 qr code disappear for projects that have it and new tabs
mapping for url params (#818)**
- **feat: ✨ add recyclability and repairability filters (#821)**
- **feat: interfacer gui big rework phase 1 (#825)**
- **fix: 🐛 migrate to mominatim for location autocomplete and lookup
(#834)**
- **feat(dpp): ✨ dedicated DPP detail page with prototype-matching UI
(#835)**
- **feat(layout): ✨ show top bar and sidebar for unauthenticated users
(#836)**
- **fix(nav): 🐛 Designs links to /designs, fix active state catch-all
(#837)**
- **feat: ✨ wire sorting orderBy and distinctPrimaryAccountableCount
from backend (#838)**
- **feat(dpp): ✨ redesign DPP tab to match Figma prototype (#839)**
- **refactor(ui): remove redundant owner banners and fix search filters
(#840)**
- **refactor(tags): ♻️ 🏷️ prefix user tags with tag- to disambiguate
from system classifiedAs (#841)**

---------

Co-authored-by: Puria Nafisi Azizi <puria@dyne.org>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant