fix(chrome): replace 2 platform emoji + 1 en-dash with on-brand tokens

PRODUCT.md anti-references call out the SaaS-template / emoji-in-chrome
register: the reference products (Linear, Stripe, Things 3) don't put
platform emoji in product chrome. Three small drift spots:

- Balance saved-cards link used a 💳 emoji as the leading icon.
  Replaced with a new CreditCardIcon added to the barrel (Heroicons-
  style stroke, matches the chevron / chat / wallet siblings).

- Subscription paused-info banner used a ⏸️ emoji. Replaced with a
  new PauseIcon added to the barrel. Same 24×24 stroke, currentColor,
  preserves the urgent-400 tint via inline style.

- Balance payment-method min/max range used a literal en-dash ('–')
  in source. PRODUCT.md's anti-em-dash rule covers the en-dash by
  the same logic. Switched to a translated 'to' connector
  (t('common.rangeTo', 'to')) so other locales can translate freely.
This commit is contained in:
c0mrade
2026-05-26 23:33:21 +03:00
parent 68a97b896b
commit 5784efd7a3
3 changed files with 41 additions and 7 deletions

View File

@@ -17,7 +17,7 @@ import InsufficientBalancePrompt from '../components/InsufficientBalancePrompt';
import { useCurrency } from '../hooks/useCurrency';
import { useCloseOnSuccessNotification } from '../store/successNotification';
import PurchaseCTAButton from '../components/subscription/PurchaseCTAButton';
import { CopyIcon, CheckIcon } from '../components/icons';
import { CopyIcon, CheckIcon, PauseIcon } from '../components/icons';
import { useHaptic } from '../platform';
import { resolveConnectionUrlForUi } from '../utils/connectionLink';
import {
@@ -1240,9 +1240,10 @@ export default function Subscription() {
}}
>
<div className="flex items-start gap-3">
<div className="text-lg" style={{ color: 'rgb(var(--color-urgent-400))' }}>
</div>
<PauseIcon
className="h-5 w-5 shrink-0"
style={{ color: 'rgb(var(--color-urgent-400))' }}
/>
<div>
<div
className="text-sm font-semibold"