diff --git a/applications/account/src/app/single-signup/CycleSelector.tsx b/applications/account/src/app/single-signup/CycleSelector.tsx index 43eb0bd8992..3a083ea81c2 100644 --- a/applications/account/src/app/single-signup/CycleSelector.tsx +++ b/applications/account/src/app/single-signup/CycleSelector.tsx @@ -20,6 +20,13 @@ export const getBilledAtText = (price: string): string | null => { return c('Info').t`Billed at ${price}`; }; +export const getBilledAtPerMonthText = (price: string, cycle: CYCLE): string | null => { + if (cycle === CYCLE.MONTHLY) { + return c('Info').t`per month`; + } + return c('Info').t`per month, billed at ${price}`; +}; + export const getBilledText = (cycle: CYCLE): string | null => { switch (cycle) { case CYCLE.MONTHLY: @@ -71,7 +78,10 @@ const CycleItemView = ({ bg?: boolean; }) => { return ( -
+
{/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}