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

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

06-03

• page.tsx code aanpassen (van de gekopieerde code) naar de juiste content en componenten zoals het voorbeeld in Figma
• 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)

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

11-03

• productpagina-klachtenformulier uit wmebv gehaald en in app geplaatst
• Utrecht web componenten aangepast naar componenten
• 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

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