diff --git a/src/components/pages/TrialPayment/components/PaymentModal/index.tsx b/src/components/pages/TrialPayment/components/PaymentModal/index.tsx index 36aea09..603f7ee 100644 --- a/src/components/pages/TrialPayment/components/PaymentModal/index.tsx +++ b/src/components/pages/TrialPayment/components/PaymentModal/index.tsx @@ -46,22 +46,16 @@ function PaymentModal({ useState(""); const [isLoading, setIsLoading] = useState(true); const [isError, setIsError] = useState(false); - const [isStripePaymentButtonEnabled, setIsStripePaymentButtonEnabled] = - useState(false); const paymentMethodsButtons = useMemo(() => { - if (!isStripePaymentButtonEnabled) { - return paymentMethods.filter( - (method) => method.id !== EPaymentMethod.PAYMENT_BUTTONS - ); - } + // return paymentMethods.filter( + // (method) => method.id !== EPaymentMethod.PAYMENT_BUTTONS + // ); return paymentMethods; - }, [isStripePaymentButtonEnabled]); + }, []); const [selectedPaymentMethod, setSelectedPaymentMethod] = useState( - isStripePaymentButtonEnabled - ? EPaymentMethod.PAYMENT_BUTTONS - : EPaymentMethod.CREDIT_CARD + EPaymentMethod.PAYMENT_BUTTONS ); const onSelectPaymentMethod = (method: EPaymentMethod) => { @@ -170,7 +164,6 @@ function PaymentModal({ client_secret={clientSecret} subscriptionReceiptId={subscriptionReceiptId} returnUrl={window.location.href} - setCanMakePayment={setIsStripePaymentButtonEnabled} /> )} diff --git a/src/components/pages/TrialPayment/components/PaymentModal/styles.module.css b/src/components/pages/TrialPayment/components/PaymentModal/styles.module.css index 8cf491b..db76c7b 100644 --- a/src/components/pages/TrialPayment/components/PaymentModal/styles.module.css +++ b/src/components/pages/TrialPayment/components/PaymentModal/styles.module.css @@ -24,6 +24,9 @@ .payment-method-container { width: 100%; + display: flex; + flex-direction: column; + gap: 24px; } .address { @@ -41,4 +44,4 @@ .address { color: gray; font-size: 10px; -} \ No newline at end of file +}