fix(display): cadence-aware contribution suffix across UI + admin dashboard

Add formatContribution helper in app/config/contributions.js and route
all member-facing and admin contribution displays through cadence-aware
expressions so annual members see /yr instead of /mo. Normalize annual
amounts to monthly equivalents in the admin dashboard revenue
aggregate now that contributionAmount is stored in cadence units.
This commit is contained in:
Jennie Robinson Faber 2026-05-23 15:47:10 +01:00
parent 5023fb14ad
commit 0dd68ff1aa
6 changed files with 29 additions and 12 deletions

View file

@ -32,7 +32,7 @@
<DashedBox :hoverable="false">
<div class="section-label">Contribution</div>
<div class="info-value">
${{ memberData?.contributionAmount ?? 0 }} CAD/month
{{ formatContribution(memberData?.contributionAmount ?? 0, memberData?.billingCadence) }} CAD
</div>
</DashedBox>
</div>
@ -308,7 +308,7 @@
<script setup>
import { reactive, ref, computed, onMounted, onUnmounted } from "vue";
import { getCircleOptions } from "~/config/circles";
import { requiresPayment } from "~/config/contributions";
import { requiresPayment, formatContribution } from "~/config/contributions";
useSiteMeta({
title: "Join",