Voeg productpagina voor klachtenformulier toe

[Yolijn]

Op de contactpagina is een linkje die nu nergens naartoe gaat voor een klachtenformulier. Voeg deze detailpagina in de gemeente voorbeeld huisstijl aan die pagina toe.

➡ Figma ontwerp Utrecht klachtenformulier (up to date)

Oude Figma ontwerp

Did do

05-03

• [x] waar in project? | wmebv
• [x] contactpagina link aanpassen (url = /productenpagina-klachtenformulier)
• [x] productpagina klachtenformulier aanmaken (page.tsx in folder productenpagina-klachtenformulier)
• [x] styling: productenpagina-klachtenformulier.css aanmaken in css folder.
• [x] testen: content van andere pagina ingeladen om te testen of deze werkt: werkt!
• [x] 1e commit GV: yay!

06-03

• [x] page.tsx code aanpassen (van de gekopieerde code) naar de juiste content en componenten zoals het voorbeeld in Figma
• [x] aanpassingen committen

Dit viel me vandaag op en moet nog iets mee gedaan worden:

• aantal linkjes in ? Op aantal plekken in Figma = geen link, op Utrecht = wel link?

• UtrechtUnorderedList zoalsin Figma lijkt niet te bestaan in React library, error bij import. (Nu gewoon HTML gedaan ipv import)

• UtrechtPreFooterNavLink zoals in Figma lijkt niet te bestaan in React library, error bij import

• in CSS flex op < ul >< li > klacht schriftelijk doorgeven (moeten 6 regels onder elkaar worden)

• [x] UtrechtUnorderedList: geïmporteerd uit andere library, HTML aangepast naar < UnorderedList > en < UnorderedListItem >

11-03

• [x] productpagina-klachtenformulier uit wmebv gehaald en in app geplaatst
• [x] Utrecht web componenten aangepast naar componenten
• [x] css toevoegen (begonnen, niet af)

Dit viel me vandaag op en moet nog iets mee gedaan worden:

• css in verschillende mappen in project en inhoudelijk ook anders (waarom? wat is de juiste manier?)

To Do

• [x] links wel/niet? (Figma = niet, Utrecht = wel) -> 2/4 wel link maar deze leeg gelaten
• [x] uitzoeken UtrechtPreFooterNavLink (Bestaat dit? Hoe importeren? < UnorderedList > werkt niet voor deze) -> 2/4 zelf met span component van gemaakt
• [x] css toevoegen
• [x] css op orde krijgen (uitzoeken welke css waarvandaan komt, wat weg kan of toegevoegd moet worden)
• [x] flex op < ul >< li > klacht schriftelijk doorgeven (moeten 6 regels onder elkaar worden) -> 2/4 met span gedaan
• [x] testen of alles werkt
• [x] onnodige code comments verwijderen
• [x] ongebruikte code verwijderen
• [x] committen
• [x] PR aanmaken
• [ ] tussendoor updaten from main om conflicten zoveel mogelijk te voorkomen
• [ ] rebasen met main
• [ ] branche verwijderen