overleaf/services/web/frontend/js/features/subscription/components/shared/price-exceptions.tsx

import { useTranslation } from 'react-i18next'
import { RecurlySubscription } from '../../../../../../types/subscription/dashboard/subscription'

type PriceExceptionsProps = {
  subscription: RecurlySubscription
}

export function PriceExceptions({ subscription }: PriceExceptionsProps) {
  const { t } = useTranslation()
  const { activeCoupons } = subscription.recurly

  return (
    <>
      <p>
        <i>* {t('subject_to_additional_vat')}</i>
      </p>
      {activeCoupons.length > 0 && (
        <>
          <i>* {t('coupons_not_included')}:</i>
          <ul>
            {activeCoupons.map(coupon => (
              <li key={coupon.id}>
                <i>{coupon.description || coupon.name}</i>
              </li>
            ))}
          </ul>
        </>
      )}
    </>
  )
}