feat(subscription): add payment channel selector

2026-06-22 16:13:06 +08:00
parent ec8c559a19
commit 5ed43a37ce
7 changed files with 169 additions and 9 deletions
@@ -32,6 +32,7 @@ import {
  SubscriptionBenefitsCard,
  SubscriptionCheckoutButton,
  SubscriptionCtaButton,
+  SubscriptionPaymentMethod,
  SubscriptionPlanCard,
  SubscriptionUserRow,
 } from "./components";
@@ -250,6 +251,21 @@ export function SubscriptionScreen({
          )}
        </section>

+        {!isVip ? (
+          <section className={styles.paymentMethodSlot}>
+            <SubscriptionPaymentMethod
+              value={payment.payChannel}
+              disabled={isPaymentBusy}
+              onChange={(payChannel) =>
+                paymentDispatch({
+                  type: "PaymentPayChannelChanged",
+                  payChannel,
+                })
+              }
+            />
+          </section>
+        ) : null}
+
        <div className={styles.ctaSlot}>
          {isVip ? (
            <SubscriptionCtaButton type="button" disabled>