array-in-a-matrix/foodie
1
0
Fork 0
mirror of https://github.com/array-in-a-matrix/foodie.git synced 2024-05-23 14:47:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'refs/remotes/origin/dev' into dev

Browse source 
asd the commit.
This commit is contained in:
Ansel-Hong 2022-10-15 18:17:24 -04:00
parent 0f401a8fe2 00ee9dc089
commit 452bd2a703
3 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/Fridge/Ingredient.jsx
View file

@ -17,9 +17,8 @@ export default function Ingredient({ingredient, ingredientChecked}) {
}
return (
<div style = {divStyle} className="card">
<div className="input-group-text">
<div className="card-body">
<label>
<input type="checkbox" checked={ingredient.complete} onChange={handleIngredientClicked}></input>
{" " +ingredient.name}
</label>
<label style={amountStyle}>

1
src/components/Fridge/IngredientList.jsx
View file

@ -4,7 +4,6 @@ import Ingredient from './Ingredient'
export default function ReceipeList({ingredients, ingredientChecked}) {
return (
ingredients.map(ingredient => {
return <Ingredient key = {ingredient.id} ingredient = {ingredient} ingredientChecked={ingredientChecked}/>
})
)

5
src/components/pages/FridgeList.jsx
View file

@ -70,7 +70,7 @@ function FridgeList({ingredients, setIngredients, updatePerc}) {
return(<>
<h1 style={heading}>Ingredient List</h1>
<div style={{marginLeft: "10px"}}>
<div style={{marginLeft: "5%"}}>
<div className="input-group mb-3">
<input ref={ingredientNameRef}type="text" placeholder="Ingredient" className="form-control" style={{width:"50px"}}></input>
<span style={spanStyle}>x</span>
@ -80,8 +80,9 @@ function FridgeList({ingredients, setIngredients, updatePerc}) {
<button onClick={handleAddIngredient} className="btn btn-dark">Add Ingredient</button>
<button onClick={handleClear} className="btn btn-danger" style={{marginLeft: "10px"}}>Clear Ingredients</button>
</div>
<IngredientList ingredients = {ingredients} ingredientChecked={ingredientChecked}></IngredientList>
</div>
<IngredientList ingredients = {ingredients} ingredientChecked={ingredientChecked}></IngredientList>
</>
)
}