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
/>