diff options
-rw-r--r-- | src/client/react/components/container/HelpBox.js | 29 | ||||
-rw-r--r-- | src/client/react/components/presentational/HelpBox.js | 49 | ||||
-rw-r--r-- | src/client/react/components/presentational/HelpBox.scss (renamed from src/client/react/components/container/HelpBox.scss) | 0 |
3 files changed, 50 insertions, 28 deletions
diff --git a/src/client/react/components/container/HelpBox.js b/src/client/react/components/container/HelpBox.js index 3358a76..30b2942 100644 --- a/src/client/react/components/container/HelpBox.js +++ b/src/client/react/components/container/HelpBox.js @@ -18,35 +18,8 @@ * */ -import React from 'react'; -import PropTypes from 'prop-types'; import { connect } from 'react-redux'; - -import './HelpBox.scss'; - -class HelpBox extends React.Component { - static propTypes = { - // redux - isVisible: PropTypes.bool.isRequired, - } - - render() { - const { isVisible } = this.props; - - if (!isVisible) { - return <div />; - } - - return ( - <div className="HelpBox"> - <div className="arrow" /> - <div className="bubble"> - Voer hier een docentafkorting, klas, leerlingnummer of lokaalnummer in. - </div> - </div> - ); - } -} +import HelpBox from '../presentational/HelpBox'; const mapStateToProps = state => ({ isVisible: state.search.results.length === 0 && state.search.text === '', diff --git a/src/client/react/components/presentational/HelpBox.js b/src/client/react/components/presentational/HelpBox.js new file mode 100644 index 0000000..b32cd0a --- /dev/null +++ b/src/client/react/components/presentational/HelpBox.js @@ -0,0 +1,49 @@ +/** + * 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 <http://www.gnu.org/licenses/>. + * + */ + +import React from 'react'; +import PropTypes from 'prop-types'; + +import './HelpBox.scss'; + +class HelpBox extends React.Component { + static propTypes = { + isVisible: PropTypes.bool.isRequired, + } + + render() { + const { isVisible } = this.props; + + if (!isVisible) { + return <div />; + } + + return ( + <div className="HelpBox"> + <div className="arrow" /> + <div className="bubble"> + Voer hier een docentafkorting, klas, leerlingnummer of lokaalnummer in. + </div> + </div> + ); + } +} + +export default HelpBox; diff --git a/src/client/react/components/container/HelpBox.scss b/src/client/react/components/presentational/HelpBox.scss index f91eb77..f91eb77 100644 --- a/src/client/react/components/container/HelpBox.scss +++ b/src/client/react/components/presentational/HelpBox.scss |