Lint all the things

client/src/components/payment-form/payment-form.component.jsx

@@ -1,6 +1,5 @@
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { Form, Input, Radio, Select } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -21,7 +20,7 @@ export function PaymentFormComponent({ form, bodyshop, disabled }) {
   } = useSplitTreatments({
     attributes: {},
     names: ["Qb_Multi_Ar"],
-    splitKey: bodyshop && bodyshop.imexshopid
+    splitKey: bodyshop?.imexshopid
   });
 
   const { t } = useTranslation();
@@ -95,15 +94,13 @@ export function PaymentFormComponent({ form, bodyshop, disabled }) {
           <Select disabled={disabled}>
             <Select.Option value={t("payments.labels.customer")}>{t("payments.labels.customer")}</Select.Option>
             {Qb_Multi_Ar.treatment === "on" ? (
-              <>
-                <Select.OptGroup label={t("payments.labels.external")}>
-                  {bodyshop.md_ins_cos.map((i, idx) => (
-                    <Select.Option key={idx} value={i.name}>
-                      {i.name}
-                    </Select.Option>
-                  ))}
-                </Select.OptGroup>
-              </>
+              <Select.OptGroup label={t("payments.labels.external")}>
+                {bodyshop.md_ins_cos.map((i, idx) => (
+                  <Select.Option key={idx} value={i.name}>
+                    {i.name}
+                  </Select.Option>
+                ))}
+              </Select.OptGroup>
             ) : (
               <Select.Option value={t("payments.labels.insurance")}>{t("payments.labels.insurance")}</Select.Option>
             )}