Support live updates

This commit is contained in:
Chi Vinh Le
2017-06-12 23:21:27 +07:00
parent 74ad3c3a35
commit 2a283a9a5a
16 changed files with 528 additions and 339 deletions
@@ -28,7 +28,7 @@ class LikeButton extends React.Component {
return;
}
if (alreadyReacted()) {
if (alreadyReacted) {
deleteReaction();
} else {
postReaction();
@@ -40,10 +40,10 @@ class LikeButton extends React.Component {
return (
<div className={cn(styles.container, `${plugin}-container`)}>
<button
className={cn(styles.button, {[styles.liked]: alreadyReacted()}, `${plugin}-button`)}
className={cn(styles.button, {[styles.liked]: alreadyReacted}, `${plugin}-button`)}
onClick={this.handleClick}
>
<span>{t(alreadyReacted() ? 'coral-plugin-like.liked' : 'coral-plugin-like.like')}</span>
<span>{t(alreadyReacted ? 'coral-plugin-like.liked' : 'coral-plugin-like.like')}</span>
<Icon name="thumb_up" className={`${plugin}-icon`} />
<span className={`${plugin}-count`}>{count > 0 && count}</span>
</button>
@@ -28,7 +28,7 @@ class LoveButton extends React.Component {
return;
}
if (alreadyReacted()) {
if (alreadyReacted) {
deleteReaction();
} else {
postReaction();
@@ -40,10 +40,10 @@ class LoveButton extends React.Component {
return (
<div className={cn(styles.container, `${plugin}-container`)}>
<button
className={cn(styles.button, {[styles.loved]: alreadyReacted()}, `${plugin}-button`)}
className={cn(styles.button, {[styles.loved]: alreadyReacted}, `${plugin}-button`)}
onClick={this.handleClick}
>
<span>{t(alreadyReacted() ? 'coral-plugin-love.loved' : 'coral-plugin-love.love')}</span>
<span>{t(alreadyReacted ? 'coral-plugin-love.loved' : 'coral-plugin-love.love')}</span>
<Icon name="favorite" className={`${plugin}-icon`} />
<span className={`${plugin}-count`}>{count > 0 && count}</span>
</button>
@@ -28,7 +28,7 @@ class RespectButton extends React.Component {
return;
}
if (alreadyReacted()) {
if (alreadyReacted) {
deleteReaction();
} else {
postReaction();
@@ -40,11 +40,11 @@ class RespectButton extends React.Component {
return (
<div className={cn(styles.container, `${plugin}-container`)}>
<button
className={cn(styles.button, {[styles.respected]: alreadyReacted()}, `${plugin}-button`)}
className={cn(styles.button, {[styles.respected]: alreadyReacted}, `${plugin}-button`)}
onClick={this.handleClick}
>
<span className={`${plugin}-button-text`}>
{t(alreadyReacted() ? 'coral-plugin-respect.respected' : 'coral-plugin-respect.respect')}
{t(alreadyReacted ? 'coral-plugin-respect.respected' : 'coral-plugin-respect.respect')}
</span>
<Icon className={cn(styles.icon, `${plugin}-icon`)} />
<span className={cn(styles.icon, `${plugin}-count`)}>{count > 0 && count}</span>