diff --git a/app/pages/join.vue b/app/pages/join.vue index cae35fe..8fbcd75 100644 --- a/app/pages/join.vue +++ b/app/pages/join.vue @@ -394,12 +394,16 @@ const needsPayment = computed(() => { return requiresPayment(form.contributionAmount); }); -const flowSummary = computed(() => ({ - name: form.name, - email: form.email, - circle: form.circle, - contribution: formatContributionAmount(form.contributionAmount), -})); +const flowSummary = computed(() => { + const amount = form.contributionAmount || 0; + const suffix = cadence.value === "annual" ? "/yr" : "/mo"; + return { + name: form.name, + email: form.email, + circle: form.circle, + contribution: amount > 0 ? `$${amount}${suffix}` : "$0", + }; +}); const handleSubmit = async () => { if (isSubmitting.value || !isFormValid.value) return;