chore: show only actionable claims in claim section (#10607)

* chore: show only actionable claims in claim section

* Update app/assets/v2/js/grants/matching_funds.js

Author: thelostone-mc

app/assets/v2/js/grants/matching_funds.js

@@ -251,6 +251,11 @@ Vue.mixin({
         a => a.claim_tx === null &&
         a.grant_payout).length;
     },
+    filterPendingClaims(matches) {
+      return this.filterMatchingPayout(matches).filter(
+        match => !match.claim_tx || match.claim_tx == ''
+      );
+    },
     filterMatchingPayout(matches) {
       return matches.filter(match => match.grant_payout);
     }

app/grants/templates/grants/matching_funds.html

@@ -142,7 +142,7 @@ <h2>Matching Funds</h2>
                 <!-- check if grant has a match that can be claimed -->
                 <div v-if="canClaimMatch(grant)">
                   <!-- map over matches that have an existing payout -->
-                  <div v-for="match in filterMatchingPayout(grant.clr_matches)" :key="match.pk">
+                  <div v-for="match in filterPendingClaims(grant.clr_matches)" :key="match.pk">
                     {% include './components/ready_claim.html' %}
                   </div>
                 </div>