From b94ec8a69f4141580a4b263a75d300ca1da9342e Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Fri, 23 Feb 2018 15:47:40 +0100 Subject: Add room finder skeleton --- .../react/components/container/RoomFinder.js | 48 ++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 src/client/react/components/container/RoomFinder.js (limited to 'src/client/react/components/container') diff --git a/src/client/react/components/container/RoomFinder.js b/src/client/react/components/container/RoomFinder.js new file mode 100644 index 0000000..3b28990 --- /dev/null +++ b/src/client/react/components/container/RoomFinder.js @@ -0,0 +1,48 @@ +/** + * Copyright (C) 2018 Noah Loomans + * + * This file is part of rooster.hetmml.nl. + * + * rooster.hetmml.nl is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * rooster.hetmml.nl is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with rooster.hetmml.nl. If not, see . + * + */ + +import React from 'react'; +import PropTypes from 'prop-types'; +import { connect } from 'react-redux'; + +class HelpBox extends React.Component { + static propTypes = { + // redux + isVisible: PropTypes.bool.isRequired, + } + + render() { + if (!this.props.isVisible) { + return
; + } + + return ( +
+ This is the room finder! +
+ ); + } +} + +const mapStateToProps = state => ({ + isVisible: state.isRoomFinderVisible, +}); + +export default connect(mapStateToProps)(HelpBox); -- cgit v1.1