From cac00028c41586710b2aa29bee7ceacc0009c8ba Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <kauffj@gmail.com>
Date: Wed, 20 Sep 2017 15:45:39 -0400
Subject: [PATCH] update invite reward check, fix infinite reward loop

---
 ui/js/component/inviteList/view.jsx |  4 ++--
 ui/js/page/rewards/view.jsx         | 32 +++++++++++++++++------------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/ui/js/component/inviteList/view.jsx b/ui/js/component/inviteList/view.jsx
index 8d748116a..8e6e0c938 100644
--- a/ui/js/component/inviteList/view.jsx
+++ b/ui/js/component/inviteList/view.jsx
@@ -47,9 +47,9 @@ class InviteList extends React.PureComponent {
                       <td className="text-center">
                         {invitee.invite_reward_claimed
                           ? <Icon icon="icon-check" />
-                          : invitee.invite_accepted
+                          : invitee.invite_reward_claimable
                             ? <RewardLink
-                                label={__("Claim")}
+                                label={__("claim")}
                                 reward_type={rewards.TYPE_REFERRAL}
                               />
                             : <span className="empty">
diff --git a/ui/js/page/rewards/view.jsx b/ui/js/page/rewards/view.jsx
index 51d75e406..423d45faa 100644
--- a/ui/js/page/rewards/view.jsx
+++ b/ui/js/page/rewards/view.jsx
@@ -6,21 +6,27 @@ import SubHeader from "component/subHeader";
 import Link from "component/link";
 
 class RewardsPage extends React.PureComponent {
-  componentDidMount() {
-    this.fetchRewards(this.props);
-  }
+  /*
+    Below is broken for users who have claimed all rewards.
 
-  componentWillReceiveProps(nextProps) {
-    this.fetchRewards(nextProps);
-  }
+    It can safely be disabled since we fetch all rewards after authentication, but should be re-enabled once fixed.
 
-  fetchRewards(props) {
-    const { fetching, rewards, fetchRewards } = props;
-
-    if (!fetching && (!rewards || !rewards.length)) {
-      fetchRewards();
-    }
-  }
+   */
+  // componentDidMount() {
+  //   this.fetchRewards(this.props);
+  // }
+  //
+  // componentWillReceiveProps(nextProps) {
+  //   this.fetchRewards(nextProps);
+  // }
+  //
+  // fetchRewards(props) {
+  //   const { fetching, rewards, fetchRewards } = props;
+  //
+  //   if (!fetching && (!rewards || !rewards.length)) {
+  //     fetchRewards();
+  //   }
+  // }
 
   renderPageHeader() {
     const { doAuth, navigate, user } = this.props;