From 748a84d001f55f35f78045199b277a28eb1f9ae7 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Sat, 18 Apr 2026 18:04:54 +0100
Subject: [PATCH] chore(join): drop unused contributionOptions +
 formatTierAmount label param

---
 app/pages/join.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/app/pages/join.vue b/app/pages/join.vue
index 35c4035..67d919b 100644
--- a/app/pages/join.vue
+++ b/app/pages/join.vue
@@ -121,14 +121,14 @@
           <h2>Pay what you can</h2>
           <ul class="tier-list">
             <li><span class="tier-amt">$0</span> I need support right now</li>
-            <li><span class="tier-amt">{{ formatTierAmount('5', '') }}</span> I can contribute</li>
+            <li><span class="tier-amt">{{ formatTierAmount('5') }}</span> I can contribute</li>
             <li>
-              <span class="tier-amt">{{ formatTierAmount('15', '') }}</span> I can sustain the community
+              <span class="tier-amt">{{ formatTierAmount('15') }}</span> I can sustain the community
               (suggested)
             </li>
-            <li><span class="tier-amt">{{ formatTierAmount('30', '') }}</span> I can support others too</li>
+            <li><span class="tier-amt">{{ formatTierAmount('30') }}</span> I can support others too</li>
             <li>
-              <span class="tier-amt">{{ formatTierAmount('50', '') }}</span> I want to sponsor multiple
+              <span class="tier-amt">{{ formatTierAmount('50') }}</span> I want to sponsor multiple
               members
             </li>
           </ul>
@@ -420,7 +420,6 @@
 import { reactive, ref, computed, onMounted, onUnmounted } from "vue";
 import { getCircleOptions } from "~/config/circles";
 import {
-  getContributionOptions,
   requiresPayment,
   getContributionTierByValue,
   getTierAmount,
@@ -467,9 +466,6 @@ const paymentToken = ref(null);
 // Circle options from central config
 const circleOptions = getCircleOptions();
 
-// Contribution options from central config
-const contributionOptions = getContributionOptions();
-
 // Minimal labels for the dropdown — reactive to cadence.
 const contributionItems = computed(() => {
   return Object.values(CONTRIBUTION_TIERS).map((tier) => {
@@ -482,8 +478,7 @@ const contributionItems = computed(() => {
   });
 });
 
-// Format tier amount for display in tier list
-const formatTierAmount = (value, label) => {
+const formatTierAmount = (value) => {
   const tier = getContributionTierByValue(value);
   if (!tier || tier.amount === 0) return "$0";
   const amt = getTierAmount(tier, cadence.value);