Update index.tsx

Autofleet · Jan 16, 2024 · f42d74b · f42d74b
1 parent 2769430
commit f42d74b
Showing 1 changed file with 31 additions and 32 deletions.
diff --git a/examples/client/Locomotion/src/popups/ChoosePaymentMethod/index.tsx b/examples/client/Locomotion/src/popups/ChoosePaymentMethod/index.tsx
@@ -157,9 +157,9 @@ const PaymentMethodPopup = ({
           }}
           />
         </TitleView>
-        <CardsScrollView>
-          <Container>
-            { showBusinessPaymentMethods && (
+
+        <Container>
+          { showBusinessPaymentMethods && (
             <TabSwitch
               activeTabId={activePaymentTab}
               tabs={PAYMENT_TABS}
@@ -168,31 +168,31 @@ const PaymentMethodPopup = ({
                 Mixpanel.setEvent('change payment mode personal / business', { mode: tab.id });
               }}
             />
-            ) }
-            <View>
-              {isBusinessMode ? (
-                usePayments.businessPaymentMethods.map((paymentMethod: any) => {
-                  const reason = getDisabledReason(paymentMethod);
-                  return (
-                    <PaymentMethod
-                      testIdPrefix="Dialog"
-                      noSvg
-                      alignMarkToRight
-                      noNotCapitalizeName
-                      {...paymentMethod}
-                      chooseMethodPage
-                      disabledReason={reason}
-                      selected={selectedPaymentId === paymentMethod.id}
-                      mark={selectedPaymentId === paymentMethod.id}
-                      onPress={() => {
-                        Mixpanel.setEvent('select payment method', { method: paymentMethod.id });
-                        setSelectedPaymentId(paymentMethod.id);
-                      }}
-                    />
-                  );
-                })
-              ) : renderPersonalPaymentMethods()}
-              { !isBusinessMode && (
+          ) }
+          <CardsScrollView>
+            {isBusinessMode ? (
+              usePayments.businessPaymentMethods.map((paymentMethod: any) => {
+                const reason = getDisabledReason(paymentMethod);
+                return (
+                  <PaymentMethod
+                    testIdPrefix="Dialog"
+                    noSvg
+                    alignMarkToRight
+                    noNotCapitalizeName
+                    {...paymentMethod}
+                    chooseMethodPage
+                    disabledReason={reason}
+                    selected={selectedPaymentId === paymentMethod.id}
+                    mark={selectedPaymentId === paymentMethod.id}
+                    onPress={() => {
+                      Mixpanel.setEvent('select payment method', { method: paymentMethod.id });
+                      setSelectedPaymentId(paymentMethod.id);
+                    }}
+                  />
+                );
+              })
+            ) : renderPersonalPaymentMethods()}
+            { !isBusinessMode && (
               <PaymentMethod
                 testIdPrefix="Dialog"
                 addNew
@@ -201,10 +201,9 @@ const PaymentMethodPopup = ({
                   onAddNewMethod();
                 }}
               />
-              ) }
-            </View>
-          </Container>
-        </CardsScrollView>
+            ) }
+          </CardsScrollView>
+        </Container>
         <Footer>
           <FlexCont style={{ justifyContent: 'center' }}>
             <SelectButton