summaryrefslogtreecommitdiff
path: root/src/components/simulations/FilterButton.js
diff options
context:
space:
mode:
authorGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-08-16 22:55:16 +0300
committerGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-09-23 10:05:42 +0200
commit07195f3762b6a8a7dfb44c2231db58c5be13c43f (patch)
tree2b4640457f70b55a97aff22fbe617e4b8538464a /src/components/simulations/FilterButton.js
parent91c8088e1d7def9242f60c708cd34f25dcb77d76 (diff)
Rename project to sim and enable sim-adding
Diffstat (limited to 'src/components/simulations/FilterButton.js')
-rw-r--r--src/components/simulations/FilterButton.js23
1 files changed, 23 insertions, 0 deletions
diff --git a/src/components/simulations/FilterButton.js b/src/components/simulations/FilterButton.js
new file mode 100644
index 00000000..2105d281
--- /dev/null
+++ b/src/components/simulations/FilterButton.js
@@ -0,0 +1,23 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+import "./FilterButton.css";
+
+const FilterButton = ({active, children, onClick}) => (
+ <div className={classNames("simulation-filter-button", {"active": active})}
+ onClick={() => {
+ if (!active) {
+ onClick();
+ }
+ }}>
+ {children}
+ </div>
+);
+
+FilterButton.propTypes = {
+ active: PropTypes.bool.isRequired,
+ children: PropTypes.node.isRequired,
+ onClick: PropTypes.func.isRequired
+};
+
+export default FilterButton;