diff --git a/src/routes/adminPeople/AdminPeople.css b/src/routes/adminPeople/AdminPeople.css index fd17403..c8cc616 100644 --- a/src/routes/adminPeople/AdminPeople.css +++ b/src/routes/adminPeople/AdminPeople.css @@ -73,3 +73,11 @@ td { .showSortIcon { display: inline-block; } + +.importForm { + display: none; +} + +.importFormVisible { + display: block; +} diff --git a/src/routes/adminPeople/AdminPeople.js b/src/routes/adminPeople/AdminPeople.js index 93ed848..a06acf0 100644 --- a/src/routes/adminPeople/AdminPeople.js +++ b/src/routes/adminPeople/AdminPeople.js @@ -48,6 +48,11 @@ class AdminPeople extends React.Component { this.setState({ personFormVisible: !this.state.personFormVisible }); } + openImportForm = (event) => { + event.preventDefault(); + this.setState({ openImportForm: true }); + } + render() { return (
@@ -176,7 +181,7 @@ class AdminPeople extends React.Component { }

- + {this.state.personFormVisible ? '-' : '+'} Add Person

@@ -251,6 +256,36 @@ class AdminPeople extends React.Component {
+
+ Import data + {!this.state.openImportForm ? ' / ' : null} + {!this.state.openImportForm ? Export data : null} +
+
+
+ +