-
+
+
IronNutrition
+
+
+
+
+ {
+ this.state.showForm &&
+ }
+
+
+ {this.state.foods.map((element, index) => {
+ return
+ })}
+
+
+
);
}
diff --git a/src/component/addFood.js b/src/component/addFood.js
new file mode 100644
index 000000000..6de0485f9
--- /dev/null
+++ b/src/component/addFood.js
@@ -0,0 +1,39 @@
+import React, { Component } from 'react'
+
+export default class addFood extends Component {
+
+ state = {
+ name: '',
+ calories: '',
+ image: '',
+ quantity: '',
+ };
+
+ handleAdd = (e) => {
+ this.props.new(this.state);
+ }
+
+ handleChange = (e) => {
+ const { name, value } = e.target;
+ this.setState({
+ [name]: value,
+ });
+ }
+
+ render() {
+ return (
+
+
New food
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
diff --git a/src/component/foodBox.js b/src/component/foodBox.js
new file mode 100644
index 000000000..462269c9f
--- /dev/null
+++ b/src/component/foodBox.js
@@ -0,0 +1,66 @@
+import React, { Component } from 'react'
+
+export default class foodBox extends Component {
+
+ state = {
+ quantity: this.props.food.quantity,
+ }
+
+ handleChange = (e) => {
+ const { name, value } = e.target;
+ if (value >= 0){
+ this.setState({
+ [name]: value,
+ });
+ }
+ }
+
+ handleClick = (e) => {
+ if (this.state.quantity > 0){
+ const auxFood = Object.assign({}, this.props.food);
+ auxFood.quantity = this.state.quantity;
+ auxFood.calories = auxFood.quantity * auxFood.calories;
+ this.props.addToList(auxFood);
+ }
+ }
+
+ render() {
+ return (
+
+
+
+
+ 
+
+
+
+
+ {this.props.food.name}
+ {this.props.food.calories}
+
+
+
+
+ )
+ }
+}
diff --git a/src/component/search.js b/src/component/search.js
new file mode 100644
index 000000000..40526190e
--- /dev/null
+++ b/src/component/search.js
@@ -0,0 +1,20 @@
+import React, { Component } from 'react'
+
+export default class search extends Component {
+
+ state = {
+ search: '',
+ }
+
+ handleChange = (e) => {
+ this.props.search(e.target.value);
+ }
+
+ render() {
+ return (
+
+
+
+ )
+ }
+}
diff --git a/src/component/todayItem.js b/src/component/todayItem.js
new file mode 100644
index 000000000..135ab3b1a
--- /dev/null
+++ b/src/component/todayItem.js
@@ -0,0 +1,16 @@
+import React, { Component } from 'react'
+
+export default class todayItem extends Component {
+ render() {
+ return (
+
+
+ {this.props.food.quantity} {this.props.food.name} = {this.props.food.calories} cal
+
+
+
+
+
+ )
+ }
+}
diff --git a/src/component/todayList.js b/src/component/todayList.js
new file mode 100644
index 000000000..8d7635c7b
--- /dev/null
+++ b/src/component/todayList.js
@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import TodayItem from './todayItem';
+
+export default class todayList extends Component {
+
+ calcCalories = () => {
+ return this.props.select.reduce((sum, food) => { return sum + food.calories; }, 0);
+ }
+
+ render() {
+ return (
+
+
Today's foods
+
+ {this.props.select.map((element, index) => {
+ return
+ })}
+
+
Total: {this.calcCalories()} cal
+
+ )
+ }
+}