fix: quick start default selection issue (#287)

juspay · Jan 24, 2024 · 0ce1d05 · 0ce1d05
1 parent 91f98c4
commit 0ce1d05
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 0 deletions.
diff --git a/src/screens/HyperSwitch/Home/CommonConnectorFlow/ConfigureConnector.res b/src/screens/HyperSwitch/Home/CommonConnectorFlow/ConfigureConnector.res
@@ -48,6 +48,24 @@ let make = (~connectProcessorValue: connectProcessor) => {
     }
   }
 
+  React.useEffect1(() => {
+    if choiceState === #NotSelected {
+      setButtonState(_ => Button.Disabled)
+    } else {
+      setButtonState(_ => Button.Normal)
+    }
+    None
+  }, [choiceState])
+
+  React.useEffect1(() => {
+    if smartRoutingChoiceState === #NotSelected {
+      setButtonState(_ => Button.Disabled)
+    } else {
+      setButtonState(_ => Button.Normal)
+    }
+    None
+  }, [smartRoutingChoiceState])
+
   React.useEffect2(() => {
     setInitialValues(prevJson => {
       let prevJsonDict = prevJson->LogicUtils.getDictFromJsonObject
@@ -185,6 +203,8 @@ let make = (~connectProcessorValue: connectProcessor) => {
           listChoices={connectorChoiceArray}
           nextButton={<Button
             buttonType=Primary
+            showBtnTextToolTip={buttonState === Button.Disabled}
+            tooltipText="Please select one of the choices"
             text="Proceed"
             onClick={_ => {
               mixpanelEvent(~eventName=`quickstart_landing`, ())
@@ -249,6 +269,8 @@ let make = (~connectProcessorValue: connectProcessor) => {
             listChoices={getSmartRoutingConfigurationText}
             nextButton={<Button
               buttonType=Primary
+              showBtnTextToolTip={buttonState === Button.Disabled}
+              tooltipText="Please select one of the choices"
               text="Proceed"
               onClick={_ => {
                 mixpanelEvent(~eventName=`quickstart_configure_smart_routing`, ())

diff --git a/src/screens/HyperSwitch/Home/CommonConnectorFlow/QuickStartConnectorFlow.res b/src/screens/HyperSwitch/Home/CommonConnectorFlow/QuickStartConnectorFlow.res
@@ -115,6 +115,15 @@ let make = (
     }
   }
 
+  React.useEffect1(() => {
+    if choiceStateForTestConnector === #NotSelected {
+      setButtonState(_ => Button.Disabled)
+    } else {
+      setButtonState(_ => Button.Normal)
+    }
+    None
+  }, [choiceStateForTestConnector])
+
   React.useEffect1(() => {
     let defaultJsonOnNewConnector =
       [("profile_id", activeBusinessProfile.profile_id->Js.Json.string)]
@@ -144,6 +153,8 @@ let make = (
           buttonType=Primary
           text="Proceed"
           buttonState
+          showBtnTextToolTip={buttonState === Button.Disabled}
+          tooltipText="Please select one of the choices"
           onClick={_ => {
             handleConnectorSubmit()
           }}

diff --git a/src/screens/HyperSwitch/Home/CommonConnectorFlow/SetupConnector.res b/src/screens/HyperSwitch/Home/CommonConnectorFlow/SetupConnector.res
@@ -22,6 +22,14 @@ module SelectProcessor = {
         | UnknownConnector(_) => Button.Disabled
         | _ => Button.Normal
         }}
+        showBtnTextToolTip={switch selectedConnector {
+        | UnknownConnector(_) => true
+        | _ => false
+        }}
+        tooltipText={switch selectedConnector {
+        | UnknownConnector(_) => "Please select one of the processor"
+        | _ => ""
+        }}
         text="Proceed"
         onClick={_ => {
           setConnectorConfigureState(_ => Select_configuration_type)

diff --git a/src/screens/HyperSwitch/Home/QuickStart/IntegrateYourApp/IntegrateYourAppLanding.res b/src/screens/HyperSwitch/Home/QuickStart/IntegrateYourApp/IntegrateYourAppLanding.res
@@ -64,6 +64,15 @@ let make = (~integrateAppValue: integrateApp) => {
     setQuickStartPageState(_ => GoLive(LANDING))
   }
 
+  React.useEffect1(() => {
+    if choiceState === #NotSelected {
+      setButtonState(_ => Button.Disabled)
+    } else {
+      setButtonState(_ => Button.Normal)
+    }
+    None
+  }, [choiceState])
+
   <>
     {switch integrateAppValue {
     | LANDING =>
@@ -94,6 +103,8 @@ let make = (~integrateAppValue: integrateApp) => {
               buttonType=Primary
               text="Proceed"
               buttonState
+              showBtnTextToolTip={buttonState === Button.Disabled}
+              tooltipText="Please select one of the choices"
               onClick={_ => {
                 mixpanelEvent(~eventName=`quickstart_integration_landing_option`, ())
                 handleIntegration()->ignore