#4: Edit a color from the theme

[levinthiel]

As a User

I want to edit a color in the theme

in order to adjust the colors to my preference.

https://github.com/neuefische/web-react-recap-project/assets/93415777/e2cb2cca-71a1-4b0d-b451-f7d43464c664

Acceptance Criteria

• Each color card has an "Edit" button.
• Clicking the "Edit" button allows me to modify the role, hex value, and contrast text via a form.
• The updated color information is reflected in the theme upon submission.

Tasks

• Introduce a state for the edit
• Reuse the ColorForm Component and display it within the Color Component when in edit mode

[levinthiel]

• [x] - add button edit
• [x] - call up the hidden form (in colour compo)
• [x] - make cancel button
• [x] - make the update button update the current colour
• [x] - make the cancel button cancel the edit

[levinthiel]

I just left the editing form open when updating colour - it seemed more fitting from a UX perspective