User Story - Colorpicker for Collections

[Nicole-Schwarz]

Value proposition

As a user, I want to change the default color of my collection via the edit-form.

Acceptance criteria

• [ ] colorPicker is available in form
• [ ] preview is shown in form
• [ ] color is adapted to collection in collectionList

  Tasks

• [ ] create branch feat/colorPicker
• [ ] install react-color-circle ->npm i @uiw/react-color-circle
• [ ] add key color to model (default value: color from AppName)
• [ ] in utils.js: add key color to function collectionToDb/dbToCollection
• [ ] add prop color to CollectionContainer in component CollectionList
• [ ] in CollectionForm.js
  • [ ] use useState for currentCollection
  • [ ] write function handleChangeColor and handleChangeName
  • [ ] add key color to function editCollection
  • [ ] put component CollectionContainer in return-Statement
  • [ ] put component Circle in return-Statement
• [ ] add key color to component CollectionContainer
• [ ] change background-color of StyledColorContainer

[marielngr]

lvgtm😀