From e8cc034e924876bdeb91cfc0c85d7f91a12e48c0 Mon Sep 17 00:00:00 2001
From: gofnnp <fbicha1234@gmail.com>
Date: Sun, 26 Nov 2023 02:59:15 +0400
Subject: [PATCH] fix: edits

---
 src/components/App/index.tsx                 |  6 ++++--
 src/components/BirthdayPage/index.tsx        |  1 +
 src/components/DateTimePicker/styles.css     | 12 ++++++++++++
 src/components/SpecialWelcomeOffer/index.tsx |  8 ++++++--
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index 8afb617..0ce77f2 100644
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -379,8 +379,10 @@ function PrivateOutlet(): JSX.Element {
 }
 
 function PrivateSubscriptionOutlet(): JSX.Element {
-  // const isProduction = import.meta.env.MODE === "production";
-  const isProduction = false;
+  const isProduction = import.meta.env.MODE === "production";
+  console.log("####: isProduction", isProduction);
+
+  // const isProduction = false;
   const status = useSelector(selectors.selectStatus);
   return status === "subscribed" || !isProduction ? (
     <Outlet />
diff --git a/src/components/BirthdayPage/index.tsx b/src/components/BirthdayPage/index.tsx
index eb1efc5..60278b6 100644
--- a/src/components/BirthdayPage/index.tsx
+++ b/src/components/BirthdayPage/index.tsx
@@ -32,6 +32,7 @@ function BirthdayPage(): JSX.Element {
         value={birthdate}
         onValid={handleValid}
         onInvalid={() => setIsDisabled(true)}
+        inputClassName='date-picker-input'
       />
       <MainButton onClick={handleNext} disabled={isDisabled}>
         {t('next')}
diff --git a/src/components/DateTimePicker/styles.css b/src/components/DateTimePicker/styles.css
index 6e5fc6a..ff3191e 100644
--- a/src/components/DateTimePicker/styles.css
+++ b/src/components/DateTimePicker/styles.css
@@ -97,3 +97,15 @@
   border: 2px solid #dee5f9;
   padding-top: 5px;
 }
+
+@media screen and (max-width: 370px) {
+  .date-picker__container {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .date-picker-input {
+    width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/components/SpecialWelcomeOffer/index.tsx b/src/components/SpecialWelcomeOffer/index.tsx
index 2305a2b..1b0bc55 100644
--- a/src/components/SpecialWelcomeOffer/index.tsx
+++ b/src/components/SpecialWelcomeOffer/index.tsx
@@ -59,7 +59,10 @@ function SpecialWelcomeOffer({ open, onClose }: ModalTopProps): JSX.Element {
               {Number(halfPrice) > 0 &&
                 <>
                   <span className={styles["red-price"]}>${selectedPrice}</span>{" "}
-                  –<span className={styles["price"]}>${halfPrice}</span>
+                  –<span className={styles["price"]}>
+                    {/* ${halfPrice} */}
+                    $1
+                    </span>
                 </>
               }
               {!Number(halfPrice) && <span className={styles["free-trial"]}>{t('au.free_trial_web.7_14')}</span>}
@@ -68,7 +71,8 @@ function SpecialWelcomeOffer({ open, onClose }: ModalTopProps): JSX.Element {
               className={styles["button-green"]}
               onClick={handleNext}
             >
-              $ {halfPrice} – {t("au.try_for.button")}
+              {/* $ {halfPrice} – */}
+              {t("au.try_for.button")}
             </MainButton>
             <MainButton
               // disabled