15 First design of the Add / List page view

gabynr commented 3 years ago

Change from HTML to Materia UI component on the component ListForm and Add color on the Checkbox when it is changing to, When the item is added with the option 'Soon'; The color is Green When the item is added with the option 'Kind of soon'; The color is Orange When the item is added with the option 'Not soon'; The color is Red And the item is inactive; The color is Grey

Description

Related Issue

Acceptance Criteria

[ ] The AddForm is displayed on the List page and works without errors
[ ] Navigation bar is removed
[ ] Initial style elements using Material UI added per Canva board, including:
[ ] colouring radio buttons
[ ] adding colour only to checkboxes and removing the background colour from list items
[ ] adding a trash can icon for deleting items from list

Type of Changes

	Type
✓	:sparkles: New feature
	:link: Update dependencies

Updates

Before

After

github-actions[bot] commented 3 years ago

Visit the preview URL for this PR (updated for commit 4c38054):

https://tcl-31-smart-shopping-list--pr41-gn-use-materiaui-cre-jkqgnb9y.web.app

_{(expires Mon, 29 Nov 2021 01:32:40 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

bajancode commented 3 years ago

Yay Gaby! Thank you for putting this all together!

I know there is the issue pointed out that the text isn't removed from the text input when an item is added, I see that as well. I wonder if we should still at least merge to main so that we can have everything in one document to work off of, and fix that issue once we've got some more of the design stuff ironed out?

gabynr commented 3 years ago

Ok. I just waited for your review. Yes. If you can do the merge now, please do it

Sent from my iPhone

On Nov 21, 2021, at 9:43 PM, bajancode @.***> wrote:

know there is the issue pointed out that the text isn't removed from the text input when an item is added, I see that as well. I wonder if we should still at least merge to main so that we can have everything in one document to work off of, and fix that issue once we've got some more of the design stuff ironed out?

the-collab-lab / tcl-31-smart-shopping-list