diff --git a/src/routes/admin/Admin.js b/src/routes/admin/Admin.js
index ee548fe..501c386 100644
--- a/src/routes/admin/Admin.js
+++ b/src/routes/admin/Admin.js
@@ -14,6 +14,14 @@ class Admin extends React.Component {
password: PropTypes.string,
attending: PropTypes.boolean,
})).isRequired,
+ starters: PropTypes.arrayOf(PropTypes.shape({
+ name: PropTypes.string,
+ total: PropTypes.integer,
+ })).isRequired,
+ mains: PropTypes.arrayOf(PropTypes.shape({
+ name: PropTypes.string,
+ total: PropTypes.integer,
+ })).isRequired,
};
render() {
@@ -27,6 +35,21 @@ class Admin extends React.Component {
{this.props.people.filter(person => person.completed).length} responses
Manage people
+
+
Food
+
Starters
+
+ {this.props.starters.map((starter, index) => (
+ - {starter.name} - {starter.total}
+ ))}
+
+
Mains
+
+ {this.props.mains.map((main, index) => (
+ - {main.name} - {main.total}
+ ))}
+
+
);
diff --git a/src/routes/admin/index.js b/src/routes/admin/index.js
index bcc91a1..d3bbacc 100644
--- a/src/routes/admin/index.js
+++ b/src/routes/admin/index.js
@@ -15,8 +15,14 @@ export default {
const people = data.getAllPersons || [];
const food = {
- starters: starters.map(name => ({ name, total: 0 })),
- mains: mains.map(name => ({ name, total: 0 })),
+ starters: starters.map((name, index) => {
+ const total = people.filter(person => person.starter === `${index}`).length;
+ return { name, total };
+ }),
+ mains: mains.map((name, index) => {
+ const total = people.filter(person => person.main === `${index}`).length;
+ return { name, total };
+ }),
};
const Admin = await new Promise((resolve) => {
@@ -29,7 +35,8 @@ export default {
component: ,
};
},