Skip to content

Fix portal CSS and duplicate key error on bewonersportaal/hulp#88

Draft
EricksonAtHome wants to merge 6 commits into
mainfrom
cursor/belgium-flat-intermaris-6616
Draft

Fix portal CSS and duplicate key error on bewonersportaal/hulp#88
EricksonAtHome wants to merge 6 commits into
mainfrom
cursor/belgium-flat-intermaris-6616

Conversation

@EricksonAtHome

Copy link
Copy Markdown
Owner

Summary

  • Fixes the Next.js dev overlay "1 Issue" error caused by duplicate React keys in the main navigation (/contact was used twice as key)
  • Consolidates bewonersportaal and hulp page styling into intermaris.css with Belgium Flat design tokens
  • Removes conflicting legacy portal CSS variable overrides from globals.css
  • Updates welcome bar, FAQ accordion (chevron), status cards, panels, and footer for a cleaner Intermaris-style layout

Changes

  • MainNav: unique nav hrefs and key={item.label} to prevent duplicate key warnings
  • WelcomeBar: light Intermaris-style welcome strip (bf-welcome)
  • intermaris.css: full portal page styles (dashboard, status cards, FAQ, footer, CTAs)
  • globals.css: removed ~400 lines of duplicate/conflicting portal styles
  • Screenshots: updated docs/screenshots/belflat-bewonersportaal.png and belflat-hulp.png

Test plan

  • npm run build passes
  • Playwright check: no console errors on /bewonersportaal and /hulp
  • Screenshots captured with styled portal pages and no error overlay
Open in Web Open in Cursor 

cursoragent and others added 6 commits July 7, 2026 14:52
Scaffold a new Payload CMS 3 website project named Belflat using the
official website template with SQLite for local development.

- Next.js 16 + Payload CMS 3.85.2
- Collections: Pages, Posts, Media, Categories, Users
- Admin panel at /admin
- Belflat branding across metadata and seed content

Co-authored-by: Erickson Hyppolite Poel <EricksonAtHome@users.noreply.github.com>
- Switch Payload database adapter from SQLite to PostgreSQL
- Update environment examples for Neon connection strings
- Add homepage and admin panel screenshots to README

Co-authored-by: Erickson Hyppolite Poel <EricksonAtHome@users.noreply.github.com>
- Add custom login and create-first-user views matching reference design
- Left bento brand panel with purple/yellow tiles and background image
- Right dark form panel with serif headings and pill buttons
- Include Google/Facebook social button styling
- Update README screenshots

Co-authored-by: Erickson Hyppolite Poel <EricksonAtHome@users.noreply.github.com>
- Add navy utility bar, orange main nav, and Mijn Belflat CTA
- Flat banner homepage with quick actions and status cards
- Bewonersportaal and Hulp routes with portal dashboard UI
- Mix MijnOverheid, Intermaris, and Gebouwenpas-inspired styling
- Update README screenshots

Co-authored-by: Erickson Hyppolite Poel <EricksonAtHome@users.noreply.github.com>
- Add Intermaris-inspired CSS theme (red #E34255, flat header)
- Rebuild hero banner as 1:1 copy: red search box, icons, white side card
- Add Actueel nieuws strip with teardrop pattern background
- Rebrand logo, nav, and copy to belflat.be — Belgium Flat

Co-authored-by: Erickson Hyppolite Poel <EricksonAtHome@users.noreply.github.com>
- Resolve React duplicate key warning from two nav items sharing /contact
- Consolidate portal page styles into intermaris.css with Belgium Flat tokens
- Remove conflicting portal CSS variable overrides from globals.css
- Update welcome bar, FAQ accordion, status cards and footer styling

Co-authored-by: Erickson Hyppolite Poel <EricksonAtHome@users.noreply.github.com>
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.

2 participants