From 11d355c668602250834a5fb9e7faba10d5dcc8d8 Mon Sep 17 00:00:00 2001 From: Riddhiagrawal001 <50551695+Riddhiagrawal001@users.noreply.github.com> Date: Mon, 18 Mar 2024 17:17:30 +0530 Subject: [PATCH] fix: prod onboarding screen fix (#520) --- .../HSwitchProdOnboarding/ChooseConnector.res | 41 ++++++++++++++++--- .../ProdOnboardingLanding.res | 2 +- 2 files changed, 36 insertions(+), 7 deletions(-) diff --git a/src/screens/SelfServe/HSwitchProdOnboarding/ChooseConnector.res b/src/screens/SelfServe/HSwitchProdOnboarding/ChooseConnector.res index 0000a3bb9..db1ac116f 100644 --- a/src/screens/SelfServe/HSwitchProdOnboarding/ChooseConnector.res +++ b/src/screens/SelfServe/HSwitchProdOnboarding/ChooseConnector.res @@ -1,10 +1,27 @@ let headerTextStyle = "text-xl font-semibold text-grey-700" +let connectorNameStyle = "text-md font-semibold text-grey-700" let subTextStyle = "text-base font-normal text-grey-700 opacity-50" let subheaderText = "text-base font-semibold text-grey-700" @react.component let make = (~selectedConnector, ~setSelectedConnector, ~pageView, ~setPageView) => { - let getBlockColor = connector => - selectedConnector === connector ? "border border-blue-700 bg-blue-700 bg-opacity-10 " : "border" + let getBlockColor = connector => { + open ConnectorTypes + switch (selectedConnector, connector) { + | (Processors(selectedConnector), Processors(connector)) + if selectedConnector === connector => "border border-blue-700 bg-blue-700 bg-opacity-10 " + | (_, _) => "border" + } + } + + let selectedIconColor = connector => { + open ConnectorTypes + switch (selectedConnector, connector) { + | (Processors(selectedConnector), Processors(connector)) + if selectedConnector === connector => "selected" + | (_, _) => "nonselected" + } + } +
+ {connectorName->ConnectorUtils.getDisplayNameForConnector->React.string} +
{connectorInfo.description->React.string}
Int.toString}