Merge pull request #500 from ethereum/recipient-cap

Add notifications of recipient cap
clrfund · Jan 10, 2022 · 9ca031a · 9ca031a
2 parents 2c966b8 + 3b9d247
commit 9ca031a
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/vue-app/src/views/AboutHowItWorks.vue b/vue-app/src/views/AboutHowItWorks.vue
@@ -162,9 +162,8 @@ export default class AboutHowItWorks extends Vue {
     return MAX_CONTRIBUTION_AMOUNT
   }
 
-  // TODO: should we hardcode defaults instead of TBD for our round?
-  get maxRecipients(): number | string {
-    return this.$store.state?.currentRound?.maxRecipients || 'TBD'
+  get maxRecipients(): number | null {
+    return this.$store.state?.currentRound?.maxRecipients || 124 // TODO fix hardcode
   }
 
   get nativeTokenSymbol(): string {

diff --git a/vue-app/src/views/AboutRecipients.vue b/vue-app/src/views/AboutRecipients.vue
@@ -42,6 +42,12 @@
       transaction) then complete KYC requirements to verify your project is
       legitimate.
     </p>
+    <p>
+      MACI, our anti-bribery tech, currently limits the amount of projects
+      allowed per round.
+      <links to="/about/maci">More on MACI</links>. The round only accepts a
+      total of {{ maxRecipients }} projects, so we encourage you to apply early.
+    </p>
     <p>
       Note: all application data (except contact email address) will be publicly
       stored on-chain.
@@ -155,5 +161,9 @@ export default class AboutRecipients extends Vue {
   get depositToken(): string {
     return this.$store.state.recipientRegistryInfo?.depositToken ?? ''
   }
+
+  get maxRecipients(): number | null {
+    return this.$store.state?.currentRound?.maxRecipients || 124 // TODO fix hardcode
+  }
 }
 </script>
diff --git a/vue-app/src/views/JoinLanding.vue b/vue-app/src/views/JoinLanding.vue
@@ -62,6 +62,10 @@
         <strong>{{ formatAmount(deposit) }} {{ depositToken }}</strong> security
         deposit.
       </div>
+      <div class="subtitle mt2">
+        The round only accepts a total of {{ maxRecipients }} projects, so apply
+        now while there’s still room!
+      </div>
       <div class="info-boxes">
         <div class="apply-callout">
           <div class="countdown-label caps">Time left to join</div>
@@ -112,6 +116,10 @@
         <strong>{{ formatAmount(deposit) }} {{ depositToken }}</strong> security
         deposit.
       </div>
+      <div class="subtitle mt2">
+        The round only accepts a total of {{ maxRecipients }} projects, so apply
+        now while there’s still room!
+      </div>
       <div class="info-boxes">
         <div class="apply-callout">
           <div class="countdown-label caps">Time to complete</div>
@@ -193,6 +201,10 @@ export default class JoinLanding extends Vue {
     return this.$store.state.currentRound?.signUpDeadline
   }
 
+  get maxRecipients(): number | null {
+    return this.$store.state?.currentRound?.maxRecipients || 124 // TODO fix hardcode
+  }
+
   get spacesRemaining(): number | null {
     if (!this.$store.state.currentRound || !this.registryInfo) {
       return null