diff --git a/src/CardSchemeComponent.res b/src/CardSchemeComponent.res index 521ce1da4..dee03adf6 100644 --- a/src/CardSchemeComponent.res +++ b/src/CardSchemeComponent.res @@ -11,9 +11,7 @@ module CoBadgeCardSchemeDropDown = { {eligibleCardSchemes ->Array.mapWithIndex((item, i) => { - + }) ->React.array} @@ -24,8 +22,6 @@ module CoBadgeCardSchemeDropDown = { let make = (~cardNumber, ~paymentType, ~cardBrand, ~setCardBrand) => { let cardType = React.useMemo1(_ => cardBrand->CardUtils.getCardType, [cardBrand]) let animate = cardType == NOTFOUND ? "animate-slideLeft" : "animate-slideRight" - let isCardCoBadged = Recoil.useRecoilValueFromAtom(RecoilAtoms.isCardCoBadged) - let setIsCardCoBadged = Recoil.useSetRecoilState(RecoilAtoms.isCardCoBadged) let cardBrandIcon = React.useMemo1( _ => CardUtils.getCardBrandIcon(cardType, paymentType), [cardBrand], @@ -42,12 +38,11 @@ let make = (~cardNumber, ~paymentType, ~cardBrand, ~setCardBrand) => { ~enabledCardSchemes, ) - React.useEffect1(() => { - setIsCardCoBadged(_ => eligibleCardSchemes->Array.length > 1) - None - }, [[eligibleCardSchemes]]) + let isCardCoBadged = eligibleCardSchemes->Array.length > 1 -
+ let marginLeft = isCardCoBadged ? "-ml-2" : "" + +
cardBrandIcon diff --git a/src/Components/PaymentInputField.res b/src/Components/PaymentInputField.res index 27913c92c..7c8b5540b 100644 --- a/src/Components/PaymentInputField.res +++ b/src/Components/PaymentInputField.res @@ -20,7 +20,6 @@ let make = ( ~placeholder="", ~appearance: CardThemeType.appearance, ~className="", - ~rightIconClassName="-ml-10", ~inputRef, ) => { let {themeObj, config} = Recoil.useRecoilValueFromAtom(configAtom) @@ -132,7 +131,7 @@ let make = (
-
{rightIcon}
+
{rightIcon}
{switch errorString { diff --git a/src/Payments/CardPayment.res b/src/Payments/CardPayment.res index c1508adf5..bdb3a5071 100644 --- a/src/Payments/CardPayment.res +++ b/src/Payments/CardPayment.res @@ -20,7 +20,6 @@ let make = ( let options = Recoil.useRecoilValueFromAtom(RecoilAtoms.optionAtom) let loggerState = Recoil.useRecoilValueFromAtom(RecoilAtoms.loggerAtom) let paymentMethodListValue = Recoil.useRecoilValueFromAtom(PaymentUtils.paymentMethodListValue) - let isCardCoBadged = Recoil.useRecoilValueFromAtom(RecoilAtoms.isCardCoBadged) let (nickname, setNickname) = React.useState(_ => "") @@ -219,7 +218,6 @@ let make = ( !isBancontact let nicknameFieldClassName = conditionsForShowingSaveCardCheckbox ? "pt-2" : "pt-5" - let cardInputRightIconClassName = isCardCoBadged ? "-ml-12" : "-ml-10" let compressedLayoutStyleForCvcError = innerLayout === Compressed && cvcError->String.length > 0 ? "!border-l-0" : "" @@ -258,7 +256,6 @@ let make = ( ? "border-b-0" : ""} name=TestUtils.cardNoInputTestId - rightIconClassName=cardInputRightIconClassName />