array-in-a-matrix/foodie
1
0
Fork 0
mirror of https://github.com/array-in-a-matrix/foodie.git synced 2024-06-16 03:17:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

dynamic %

Browse source
This commit is contained in:
CodeEpoch 2022-10-15 17:47:08 -04:00
parent cd5b966091
commit d7c5449a7e
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.jsx
View file

@ -16,8 +16,8 @@ function App() {
const [percentage, setPercentage] = useState(60)
const [ingredients,setIngredients] = useState([])
const fridgePerc = (fPerc) => {
setPercentage(fPerc);
const updatePerc = () => {
setPercentage(percentage + 1);
}
return (
@ -30,7 +30,7 @@ function App() {
<VideoPlayer />
</Route>
<Route path="/fridge" exact={true}>
<FridgeList ingredients = {ingredients} setIngredients = {setIngredients}s/>
<FridgeList ingredients = {ingredients} setIngredients={setIngredients} updatePerc={updatePerc}/>
</Route>
<Route path="/bookmark" exact={true}>
<Bookmark />

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

@ -2,7 +2,7 @@ import {useEffect, useRef} from 'react'
import IngredientList from "../Fridge/IngredientList"
import { v4 as uuidv4 } from 'uuid'
function FridgeList({ingredients,setIngredients}) {
function FridgeList({ingredients, setIngredients, updatePerc}) {
const heading = {
paddingTop: "20px",
paddingLeft: "20px"
@ -17,7 +17,7 @@ function FridgeList({ingredients,setIngredients}) {
}, [])
useEffect(() => {
localStorage.setItem(localStorageKey, JSON.stringify(ingredients))
localStorage.setItem(localStorageKey, JSON.stringify(ingredients));
}, [ingredients])
function handleAddIngredient(e){
@ -26,9 +26,13 @@ function FridgeList({ingredients,setIngredients}) {
name = temp.substring(0,1) + name.substring(1,name.length)
const amount = amountRef.current.value
if (name === '' || amount == '') return
name = name[0].toUpperCase() + name.slice(1);
updatePerc();
for(const key in ingredients){
if(name==ingredients[key].name){
ingredients[key].amount = parseFloat(ingredients[key].amount) + parseFloat(amount)
ingredients[key].amount = parseFloat(ingredients[key].amount) + parseFloat(amount);
return setIngredients(prevIngredients => {
return [...prevIngredients]
})