diff --git a/db_app/src/components/Plan.js b/db_app/src/components/Plan.js index 6b64aaf..2be2294 100644 --- a/db_app/src/components/Plan.js +++ b/db_app/src/components/Plan.js @@ -109,6 +109,8 @@ const changeGoalHandler = evt =>{ setGoalInput({...goalInput, [evt.target.name]: [evt.target.value] }) } +const [success, setSuccess] = useState(""); + const submitGoalHandler = evt => { evt.preventDefault(); console.log(goalInput) @@ -133,6 +135,7 @@ const submitGoalHandler = evt => { console.log(response); console.log(response.status); }) + setSuccess('Plan saved!'); }; //to find a food item from an on campus location to your weekly journal @@ -416,6 +419,7 @@ const submitSearchHandler = evt => { Submit +

    {success}



diff --git a/db_app/src/components/ThisWeek.js b/db_app/src/components/ThisWeek.js index 938f246..3a666ee 100644 --- a/db_app/src/components/ThisWeek.js +++ b/db_app/src/components/ThisWeek.js @@ -142,6 +142,39 @@ const net_id = ReactSession.get("net_id"); } + const [toDelete, setToDelete] = useState([]); + + const removeItem = (index) => { + setToDelete([ + ...toDelete.slice(0, index), + ...toDelete.slice(index + 1) + ]); + + } + + function handleCheck (i) { + console.log(i); + if (toDelete.indexOf(i) > -1){ + //get index and delete + var index = toDelete.indexOf(i) + removeItem(index); + console.log(`removed ${i}`); + + } + + else{ + setToDelete(toDelete => [...toDelete, i]); + console.log(`added ${i}`); + } + + } + //Delete checked from plan + const sendToPlan = () => { + Axios.delete('http://3.219.93.142:8000/api/week_meals', {net_id: ReactSession.get("net_id"), item_list: toDelete,}).then((response) => { + console.log(response); + }); + } + //Set color variables for chips const [cals, setCals] = useState(false); @@ -241,7 +274,6 @@ const net_id = ReactSession.get("net_id"); - //Run getSum, getHistory, and getPlan on page load useEffect(() => { @@ -309,6 +341,14 @@ const net_id = ReactSession.get("net_id");     Foods Eaten + @@ -316,7 +356,7 @@ const net_id = ReactSession.get("net_id"); - + Remove? Food Calories Fat (g) @@ -340,10 +380,20 @@ const net_id = ReactSession.get("net_id"); key={pastitem.item_name} sx={{ '&:last-child td, &:last-child th': { border: 0 } }} > - + + + + + handleCheck(pastitem.item_id)} +/> + {pastitem.item_name} + {pastitem.calories} {pastitem.fat_g}