Vulcan/packages/nova-base-components/lib/common/NewsletterButton.jsx
Comus Leong 464e20a96c eslint & clean up code, also fixed some bugs (#1515)
* [eslint] update eslint rules & add .eslintignore to ignore non-ready nova packages

* [clean-up] nova-voting

* [clean-up] [bug] nova-users: missing user parameter

* [clean-up] nova-users

* [clean-up] nova-subscribe

* [clean-up] nova-settings

* [clean-up] nova-rss

* [clean-up] [bug] nova-posts: correct UsersRemoveDeletePosts

* [clean-up] nova-posts

* [clean-up] nova-notifications

* [clean-up] [bug] nova-newsletter: no error.message on throw error

* [clean-up] nova-newsletter

* [clean-up] nova-lib

* [clean-up] nova-kadira

* [clean-up] nova-inject-data

* [clean-up] nova-getting-started

* [clean-up] nova-forms

* [clean-up] nova-events

* [clean-up] [bug] nova-embedly: no FlowRouter

* [clean-up] nova-embedly

* [clean-up] nova-email-templates

* [clean-up] nova-email

* [clean-up] nova-debug

* [clean-up] nova-core

* [clean-up] [bug] nova-comments: correct UsersRemoveDeleteComments

* [clean-up] nova-comments

* [clean-up] [bug] nova-cloudinary: use Telescope.settings.collection instand

* [clean-up] nova-cloudinary

* [clean-up] nova-categories

* [clean-up] nova-base-components

* [clean-up] nova-api

* [eslint] extends react recommended

* [clean-up] for jsx files

* [eslint] extends meteor recommended

* i forgot this one little change
2016-11-25 13:46:55 -05:00

53 lines
1.5 KiB
JavaScript

import React, { PropTypes, Component } from 'react';
import { FormattedMessage } from 'react-intl';
import { Button } from 'react-bootstrap';
// import { Messages } from 'meteor/nova:core';
import Users from 'meteor/nova:users';
class NewsletterButton extends Component {
constructor(props) {
super(props);
this.subscriptionAction = this.subscriptionAction.bind(this);
}
subscriptionAction() {
const action = Users.getSetting(this.props.user, 'newsletter.subscribed', false) ?
'newsletter.removeUser' : 'newsletter.addUser';
this.context.actions.call(action, this.props.user, (error, result) => {
if (error) {
console.log(error); // eslint-disable-line
this.context.messages.flash(error.message, "error");
} else {
this.props.successCallback(result);
}
});
}
render() {
const isSubscribed = Users.getSetting(this.props.user, 'newsletter.subscribed', false);
return (
<Button
className="newsletter-button"
onClick={this.subscriptionAction}
bsStyle="primary"
>
{isSubscribed ? <FormattedMessage id="newsletter.unsubscribe"/> : <FormattedMessage id="newsletter.subscribe"/>}
</Button>
)
}
}
NewsletterButton.propTypes = {
user: React.PropTypes.object.isRequired,
successCallback: React.PropTypes.func.isRequired,
};
NewsletterButton.contextTypes = {
currentUser: React.PropTypes.object,
messages: React.PropTypes.object,
actions: React.PropTypes.object,
}
module.exports = NewsletterButton;
export default NewsletterButton;