/* * SonarQube * Copyright (C) 2009-2016 SonarSource SA * mailto:contact AT sonarsource DOT com * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU Lesser General Public * License as published by the Free Software Foundation; either * version 3 of the License, or (at your option) any later version. * * This program 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 * Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ import React from 'react'; import classNames from 'classnames'; export default class FavoriteBase extends React.Component { static propTypes = { favorite: React.PropTypes.bool.isRequired, addFavorite: React.PropTypes.func.isRequired, removeFavorite: React.PropTypes.func.isRequired }; constructor (props) { super(props); this.state = { favorite: this.props.favorite }; } componentWillMount () { this.mounted = true; this.toggleFavorite = this.toggleFavorite.bind(this); } componentWillUnmount () { this.mounted = false; } toggleFavorite (e) { e.preventDefault(); if (this.state.favorite) { this.removeFavorite(); } else { this.addFavorite(); } } addFavorite () { this.props.addFavorite().then(() => { if (this.mounted) { this.setState({ favorite: true }); } }); } removeFavorite () { this.props.removeFavorite().then(() => { if (this.mounted) { this.setState({ favorite: false }); } }); } renderSVG () { /* eslint max-len: 0 */ return ( ); } render () { const className = classNames('icon-star', { 'icon-star-favorite': this.state.favorite }); return ( {this.renderSVG()} ); } }