From 54b352746d6bb30aab74e9c355ef5346f8145347 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: Fri, 12 Jul 2024 19:20:04 +0000
Subject: [PATCH] AW-141-trial-choice-button

---
 .../ABDesign/v1/pages/TrialChoice/index.tsx   | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx
index c217897..e1d60a5 100644
--- a/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx
+++ b/src/components/pages/ABDesign/v1/pages/TrialChoice/index.tsx
@@ -17,6 +17,14 @@ import Loader from "@/components/Loader";
 import metricService, { EGoals } from "@/services/metric/metricService";
 import PersonalVideo from "../TrialPayment/components/PersonalVideo";
 
+enum EDisplayOptionButton {
+  "alwaysVisible" = "alwaysVisible",
+  "visibleIfChosen" = "visibleIfChosen",
+}
+
+const displayOptionButton: EDisplayOptionButton =
+  EDisplayOptionButton.visibleIfChosen;
+
 function TrialChoicePage() {
   const dispatch = useDispatch();
   const navigate = useNavigate();
@@ -149,7 +157,19 @@ function TrialChoicePage() {
             />
           </div>
           <p className={styles.email}>{email}</p>
-          {!isDisabled && (
+          {!isDisabled &&
+            displayOptionButton === EDisplayOptionButton.visibleIfChosen && (
+              <QuestionnaireGreenButton
+                className={styles.button}
+                disabled={isDisabled}
+                onClick={handleNext}
+              >
+                {getText("text.button.1", {
+                  color: "#1C38EA",
+                })}
+              </QuestionnaireGreenButton>
+            )}
+          {displayOptionButton === EDisplayOptionButton.alwaysVisible && (
             <QuestionnaireGreenButton
               className={styles.button}
               disabled={isDisabled}