feat: Bankofamerica addition in prod (#69)

juspay · Dec 6, 2023 · bf6bde8 · bf6bde8
1 parent 844920b
commit bf6bde8
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 33 deletions.
diff --git a/src/screens/HyperSwitch/Connectors/ConnectorPreview.res b/src/screens/HyperSwitch/Connectors/ConnectorPreview.res
@@ -6,7 +6,7 @@ module InfoField = {
     <UIUtils.RenderIf condition={str->Js.String2.length > 0}>
       <div>
         <h2 className="text-lg font-semibold"> {label->React.string} </h2>
-        <h3 className="truncate"> {str->React.string} </h3>
+        <h3 className=" break-words"> {str->React.string} </h3>
       </div>
     </UIUtils.RenderIf>
   }
@@ -129,9 +129,9 @@ module ConnectorSummaryGrid = {
     let webhooksUrl = ConnectorUtils.getWebhooksUrl(~connectorName=connector, ~merchantId)
 
     <div className="p-2 md:px-10">
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4 my-12">
         <h4 className="text-lg font-semibold"> {"Processor Mode"->React.string} </h4>
-        <div>
+        <div className="col-span-3">
           {if connectorInfo.test_mode {
             <span className="font-semibold p-2 px-3 bg-orange-200 rounded-full">
               {"TEST MODE"->React.string}
@@ -143,13 +143,13 @@ module ConnectorSummaryGrid = {
           }}
         </div>
       </div>
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4 my-12">
         <h4 className="text-lg font-semibold"> {"Profile Id"->React.string} </h4>
-        <div> {connectorInfo.profile_id->React.string} </div>
+        <div className="col-span-3"> {connectorInfo.profile_id->React.string} </div>
       </div>
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4  my-12">
         <h4 className="text-lg font-semibold"> {"API Keys"->React.string} </h4>
-        <div className="flex flex-col gap-6">
+        <div className="flex flex-col gap-6 col-span-3">
           {connectorAccountFields
           ->Js.Dict.keys
           ->Array.mapWithIndex((field, index) => {
@@ -164,31 +164,30 @@ module ConnectorSummaryGrid = {
           ->React.array}
         </div>
       </div>
-      <div className="grid grid-cols-4 w-full my-12">
+      <div className="grid grid-cols-4 my-12">
         <h4 className="text-lg font-semibold"> {"Webhooks"->React.string} </h4>
-        <div className="flex flex-col col-span-3">
-          <div className="flex">
-            <div> {webhooksUrl->React.string} </div>
-            <div
-              className="px-4 flex gap-2 items-center cursor-pointer"
-              onClick={_ => {
-                Clipboard.writeText(webhooksUrl)
-                showToast(~message="Copied to Clipboard!", ~toastType=ToastSuccess, ())
-                hyperswitchMixPanel(
-                  ~pageName=`${url.path->LogicUtils.getListHead}`,
-                  ~contextName="webhook_processor",
-                  ~actionName="hs_webhookcopied",
-                  (),
-                )
-              }}>
-              <img src={`/assets/CopyToClipboard.svg`} />
-            </div>
-          </div>
+        // <div className="flex flex-col ">
+        <div className="flex col-span-3">
+          <div> {webhooksUrl->React.string} </div>
+          <img
+            src={`/assets/CopyToClipboard.svg`}
+            onClick={_ => {
+              Clipboard.writeText(webhooksUrl)
+              showToast(~message="Copied to Clipboard!", ~toastType=ToastSuccess, ())
+              hyperswitchMixPanel(
+                ~pageName=`${url.path->LogicUtils.getListHead}`,
+                ~contextName="webhook_processor",
+                ~actionName="hs_webhookcopied",
+                (),
+              )
+            }}
+          />
+          // </div>
         </div>
       </div>
-      <div className="grid grid-cols-2 w-1/2 my-12">
+      <div className="grid grid-cols-4  my-12">
         <h4 className="text-lg font-semibold"> {"PMTs"->React.string} </h4>
-        <div className="flex flex-col gap-6">
+        <div className="flex flex-col gap-6 col-span-3">
           {connectorInfo.payment_methods_enabled
           ->Array.mapWithIndex((field, index) => {
             <InfoField

diff --git a/src/screens/HyperSwitch/Connectors/ConnectorUtils.res b/src/screens/HyperSwitch/Connectors/ConnectorUtils.res
@@ -194,14 +194,15 @@ let connectorList: array<connectorName> = [
 let connectorListForLive: array<connectorName> = [
   STRIPE,
   ADYEN,
-  CHECKOUT,
-  ZEN,
-  BLUESNAP,
-  TRUSTPAY,
-  PAYME,
   PAYPAL,
+  BANKOFAMERICA,
+  BLUESNAP,
+  CHECKOUT,
   CRYPTOPAY,
   IATAPAY,
+  PAYME,
+  TRUSTPAY,
+  ZEN,
 ]
 
 let getPaymentMethodFromString = paymentMethod => {