From b51fc34b7f4d86cdee2fe5c9b3c7dbc75ed05b36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=B5=D0=BD=D0=B8=D1=81=20=D0=9A=D0=B0=D1=82=D0=B0?=
 =?UTF-8?q?=D0=B5=D0=B2?= <itkataev@gmail.com>
Date: Thu, 25 Apr 2024 14:35:13 +0000
Subject: [PATCH] AW-46-changePaymentForm

---
 .../components/PaymentModal/index.tsx           | 17 +++++------------
 .../components/PaymentModal/styles.module.css   |  5 ++++-
 2 files changed, 9 insertions(+), 13 deletions(-)

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<string>("");
   const [isLoading, setIsLoading] = useState(true);
   const [isError, setIsError] = useState<boolean>(false);
-  const [isStripePaymentButtonEnabled, setIsStripePaymentButtonEnabled] =
-    useState<boolean>(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}
                 />
               </div>
             )}
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
+}