Redirect to home if subscribed

src/components/Navbar/index.tsx

@@ -20,6 +20,7 @@ function Navbar({ isOpen, closeMenu }: NavbarProps): JSX.Element {
   const combinedClassNames = ['navbar', isOpen && 'navbar--open'].filter(Boolean).join(' ')
 
   const handleLogout = () => {
+    localStorage.removeItem('palmistry.firstUnpassedStep');
     navigate(routes.client.birthday())
     logout()
   }

src/components/palmistry/payment-screen/payment-screen.tsx

@@ -223,9 +223,11 @@ export default function PaymentScreen() {
 
       <style>{`.palmistry-payment-modal { max-height: calc(100dvh - 40px) }`}</style>
 
-      <div className="payment-screen__widget">
+      {activeSubPlanFromStore && (
-        <PaymentModal />
+        <div className="payment-screen__widget">
-      </div>
+          <PaymentModal />
+        </div>
+      )}
     </div>
   );
 }

src/components/palmistry/step-paywall/step-paywall.tsx

@@ -18,7 +18,6 @@ export default function StepPaywall() {
   }, [storedEmail]);
 
   const onNext = () => {
-    steps.saveToStorage('firstUnpassedStep', Step.Payment);
     navigate('/palmistry/payment');
   };
 

src/components/palmistry/steps-manager/steps-manager.tsx

@@ -1,9 +1,13 @@
 import React from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useLocation } from 'react-router-dom';
+import { useSelector } from "react-redux";
+import { useNavigate } from 'react-router-dom';
 
 import './steps-manager.css';
 
+import routes from '@/routes';
+import { selectors } from "@/store";
 import Progressbar from '@/components/palmistry/progress-bar/progress-bar';
 import PalmistryContainer from '@/components/palmistry/palmistry-container/palmistry-container';
 import useSteps, { Step } from '@/hooks/palmistry/use-steps';
@@ -46,6 +50,8 @@ const animationDuration = 0.2;
 export default function StepsManager() {
   const steps = useSteps();
   const { pathname } = useLocation();
+  const subscriptionStatus = useSelector(selectors.selectStatus);
+  const navigate = useNavigate();
 
   const [modalIsOpen, setModalIsOpen] = React.useState(false);
 
@@ -55,6 +61,12 @@ export default function StepsManager() {
     steps.goFirstUnpassedStep();
   }, [steps.isInited]);
   
+  React.useEffect(() => {
+    if (subscriptionStatus === "subscribed") {
+      navigate(routes.client.home());
+    }
+  }, [subscriptionStatus]);
+
   const motionDivClassName = [
     'steps-manager__motion-div',
     modalIsOpen ? 'steps-manager__motion-div_no-transform' : '',