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}