modal Add item works
This commit is contained in:
@@ -60,7 +60,7 @@ const ModalAddIngredients = (props) => {
|
||||
<ModalHeader>Add to grocerylist</ModalHeader>
|
||||
<ModalDescription>Choose a grocery list and select the ingredients you would like to add to it</ModalDescription>
|
||||
<WrapperInput>
|
||||
{/* <IconList /> */}
|
||||
<IconList />
|
||||
<Input
|
||||
style={{ fontSize: 20 }}
|
||||
type="text"
|
||||
@@ -68,14 +68,14 @@ const ModalAddIngredients = (props) => {
|
||||
onChange={(text) => setListName(text.target.value)}
|
||||
onFocus={() => setFocused(true)} onBlur={() => { setTimeout(() => { setFocused(false) }, 100) }}
|
||||
placeholder="Grocery list" />
|
||||
{/* {listName ? <IconCheck /> : <IconWrong />} */}
|
||||
{listName ? <IconCheck /> : <IconWrong />}
|
||||
</WrapperInput>
|
||||
{focused && <WrapperDropdown>
|
||||
<Dropdown array={lists.map(list => list.listName)} text={listName} setElement={setListName} />
|
||||
</WrapperDropdown>
|
||||
}
|
||||
<WrapperInput>
|
||||
{/* <IconMeal /> */}
|
||||
<IconMeal />
|
||||
<Input
|
||||
style={{ fontSize: 20, width: 100 }}
|
||||
type="number"
|
||||
|
||||
Reference in New Issue
Block a user