From 7652b17e805549296bb68b4a2987cb52e3b4b176 Mon Sep 17 00:00:00 2001
From: yury <yury.work.js@gmail.com>
Date: Sat, 29 Jun 2024 06:03:54 +0300
Subject: [PATCH] =?UTF-8?q?Revert=20"feat:=20=D0=94=D0=BE=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=BB=20=D0=BF=D1=80=D0=B5=D0=BF=D1=80=D0=BE=D0=B3?=
 =?UTF-8?q?=D1=80=D1=83=D0=B7=D0=BA=D1=83=20=D0=BE=D0=BF=D0=BB=D0=B0=D1=82?=
 =?UTF-8?q?=D1=8B"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 49cea63a9503f583f949f6b91a6d60f0e016766d.
---
 src/components/Modal/index.tsx                |  8 +------
 .../PaymentCardModal/index.tsx                |  4 +---
 src/components/PaymentModalNew/index.tsx      | 21 ++++++++-----------
 .../payment-screen/payment-screen.tsx         |  3 +--
 .../palmistry/steps-manager/steps-manager.tsx | 14 ++++++-------
 5 files changed, 18 insertions(+), 32 deletions(-)

diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
index fcb8e6f..d3e0236 100644
--- a/src/components/Modal/index.tsx
+++ b/src/components/Modal/index.tsx
@@ -9,7 +9,6 @@ interface ModalProps {
   containerClassName?: string;
   type?: "hidden" | "normal";
   onClose?: () => void;
-  removeNoScroll?: boolean;
 }
 
 function Modal({
@@ -20,7 +19,6 @@ function Modal({
   containerClassName = "",
   type = "normal",
   onClose,
-  removeNoScroll = true
 }: ModalProps): JSX.Element {
   const handleClose = (event: React.MouseEvent) => {
     if (event.target !== event.currentTarget) return;
@@ -29,10 +27,6 @@ function Modal({
   };
 
   useEffect(() => {
-    if (!removeNoScroll) {
-      return;
-    }
-
     if (open) {
       document.body.classList.add("no-scroll");
     }
@@ -40,7 +34,7 @@ function Modal({
     return () => {
       document.body.classList.remove("no-scroll");
     };
-  }, [open, removeNoScroll]);
+  }, [open]);
 
   if (!open && type === "normal") return <></>;
   return (
diff --git a/src/components/PaymentModalNew/PaymentCardModal/index.tsx b/src/components/PaymentModalNew/PaymentCardModal/index.tsx
index 258a0a4..3bc937d 100644
--- a/src/components/PaymentModalNew/PaymentCardModal/index.tsx
+++ b/src/components/PaymentModalNew/PaymentCardModal/index.tsx
@@ -14,7 +14,6 @@ interface IPaymentCardModalProps {
   returnUrl?: string;
   isOpen: boolean;
   setIsOpen: Dispatch<SetStateAction<boolean>>;
-  removeNoScroll?: boolean;
 }
 
 export default function PaymentCardModal({
@@ -25,10 +24,9 @@ export default function PaymentCardModal({
   returnUrl,
   isOpen,
   setIsOpen,
-  removeNoScroll,
 }: IPaymentCardModalProps) {
   return (
-    <Modal open={isOpen} onClose={() => setIsOpen(false)} removeNoScroll={removeNoScroll}>
+    <Modal open={isOpen} onClose={() => setIsOpen(false)}>
       <Elements stripe={stripePromise} options={{clientSecret}}>
         <CheckoutForm
           confirmType={paymentType}
diff --git a/src/components/PaymentModalNew/index.tsx b/src/components/PaymentModalNew/index.tsx
index 36df019..5473e7b 100644
--- a/src/components/PaymentModalNew/index.tsx
+++ b/src/components/PaymentModalNew/index.tsx
@@ -128,18 +128,15 @@ export default function PaymentModalNew({
                   />
               </Elements>
 
-              <div style={!isOpenCardModal ? {visibility: 'hidden', position: 'absolute'} : {}}>
-                  <PaymentCardModal
-                      isOpen={true}
-                      setIsOpen={setIsOpenCardModal}
-                      clientSecret={clientSecret}
-                      stripePromise={stripePromise}
-                      paymentType={paymentType}
-                      paymentIntentId={paymentIntentId}
-                      returnUrl={returnUrl}
-                      removeNoScroll={isOpenCardModal}
-                  />
-              </div>
+              <PaymentCardModal
+                  isOpen={isOpenCardModal}
+                  setIsOpen={setIsOpenCardModal}
+                  clientSecret={clientSecret}
+                  stripePromise={stripePromise}
+                  paymentType={paymentType}
+                  paymentIntentId={paymentIntentId}
+                  returnUrl={returnUrl}
+              />
             {!isLoading &&
                 <>
                     <div className={styles.infoContainer}>
diff --git a/src/components/palmistry/payment-screen/payment-screen.tsx b/src/components/palmistry/payment-screen/payment-screen.tsx
index 13be936..853eeb7 100644
--- a/src/components/palmistry/payment-screen/payment-screen.tsx
+++ b/src/components/palmistry/payment-screen/payment-screen.tsx
@@ -46,7 +46,6 @@ export default function PaymentScreen() {
 
   const [minutes, seconds] = time.split(":");
 
-  const returnUrl = window.location.origin + '/palmistry/payment';
   return (
     <div className="payment-screen">
       <div className="payment-screen__header">
@@ -257,7 +256,7 @@ export default function PaymentScreen() {
               <PaymentModalNew
                 setHeight={setHeight}
                 activeProduct={activeProductFromStore}
-                returnUrl={returnUrl}
+                returnUrl={window.location.href}
                 placementKey={EPlacementKeys["aura.placement.palmistry.main"]}
               />
             )}
diff --git a/src/components/palmistry/steps-manager/steps-manager.tsx b/src/components/palmistry/steps-manager/steps-manager.tsx
index ef23312..f5b5124 100644
--- a/src/components/palmistry/steps-manager/steps-manager.tsx
+++ b/src/components/palmistry/steps-manager/steps-manager.tsx
@@ -78,14 +78,12 @@ export default function StepsManager() {
         )}
 
       <main className="steps-manager__main">
-        {(nonSliderSteps.includes(steps.current as Step) || steps.current === Step.Paywall) && (
-          <div style={steps.current === Step.Paywall ? {visibility: 'hidden', position: 'absolute'} : {}}>
-            <PalmistryContainerWrapper currentStep={steps.current as Step}>
-              {[Step.Paywall, Step.Payment].includes(steps.current as Step) && <PaymentScreen />}
-              {steps.current === Step.Discount && <DiscountScreen/>}
-              {steps.current === Step.PremiumBundle && <PremiumBundleScreen/>}
-            </PalmistryContainerWrapper>
-          </div>
+        {nonSliderSteps.includes(steps.current as Step) && (
+          <PalmistryContainerWrapper currentStep={steps.current as Step}>
+            {steps.current === Step.Payment && <PaymentScreen />}
+            {steps.current === Step.Discount && <DiscountScreen />}
+            {steps.current === Step.PremiumBundle && <PremiumBundleScreen />}
+          </PalmistryContainerWrapper>
         )}
 
         {!nonSliderSteps.includes(steps.current as Step) && (