@multiversx/sdk-dapp-liquidity 1.1.1-alpha.4 → 1.1.1-alpha.5

package/package.json

@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/multiversx/mx-sdk-dapp-liquidity#readme",
   "license": "MIT",
-  "version": "1.1.1-alpha.4",
+  "version": "1.1.1-alpha.5",
   "main": "index.js",
   "module": "index.mjs",
   "types": "index.d.ts",

package/reactjs/components/BridgeHistory/BridgeHistory.js

@@ -19,7 +19,7 @@ const reactjs_utils_formatAmount = require("../../utils/formatAmount.js");
 const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
 const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
 const reactjs_components_base_MxCard_MxCard = require("../base/MxCard/MxCard.js");
-const reactjs_components_base_MxLink_MxLink = require("../base/MxLink/MxLink.js");
+require("../base/MxLink/MxLink.js");
 require("../base/MxSearch/MxSearch.js");
 require("@headlessui/react");
 const reactjs_components_base_MxTooltip_MxTooltip = require("../base/MxTooltip/MxTooltip.js");
@@ -155,8 +155,8 @@ const BridgeHistory = ({
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reactjs_utils_mxClsx.mxClsx("liq-flex liq-flex-col liq-items-center"), children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-xl", children: "No deposit yet" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-neutral-400", children: "Your deposit history will appear here" })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-xl", children: "No transactions" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-neutral-400", children: "Your transactions history will appear here" })
             ] })
           ] })
         }
@@ -254,7 +254,6 @@ const BridgeHistory = ({
                             reactFontawesome.FontAwesomeIcon,
                             {
                               icon: faArrowUpShortWide.faArrowUpShortWide,
-                              spin: true,
                               className: "liq-mx-1 liq-flex liq-items-center"
                             }
                           ),
@@ -306,14 +305,13 @@ const BridgeHistory = ({
                   ]
                 }
               ),
-              transaction.provider === types_providerType.ProviderType.MultiversxBridge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                reactjs_components_base_MxLink_MxLink.MxLink,
+              transaction.provider === types_providerType.ProviderType.MultiversxBridge && /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
                 {
-                  to: `${options.bridgeURL}/status/${transaction.txHash}`,
+                  href: `${options.bridgeURL}/status/${transaction.txHash}`,
                   target: "_blank",
-                  showExternalIcon: false,
                   className: "liq-flex",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
                     reactjs_components_base_MxTooltip_MxTooltip.MxTooltip,
                     {
                       placement: "top",
@@ -325,11 +323,12 @@ const BridgeHistory = ({
                           className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-neutral-200"
                         }
                       ),
+                      shouldStopPropagation: false,
                       children: "View"
                     }
-                  )
+                  ) })
                 }
-              ) })
+              )
             ] })
           },
           `${transaction.txHash}-${index}`

package/reactjs/components/BridgeHistory/BridgeHistory.mjs

@@ -16,7 +16,7 @@ import { formatAmount } from "../../utils/formatAmount.mjs";
 import { mxClsx } from "../../utils/mxClsx.mjs";
 import { MxButton } from "../base/MxButton/MxButton.mjs";
 import { MxCard } from "../base/MxCard/MxCard.mjs";
-import { MxLink } from "../base/MxLink/MxLink.mjs";
+import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
 import "@headlessui/react";
 import { MxTooltip } from "../base/MxTooltip/MxTooltip.mjs";
@@ -152,8 +152,8 @@ const BridgeHistory = ({
               }
             ) }),
             /* @__PURE__ */ jsxs("div", { className: mxClsx("liq-flex liq-flex-col liq-items-center"), children: [
-              /* @__PURE__ */ jsx("div", { className: "liq-text-xl", children: "No deposit yet" }),
-              /* @__PURE__ */ jsx("div", { className: "liq-text-neutral-400", children: "Your deposit history will appear here" })
+              /* @__PURE__ */ jsx("div", { className: "liq-text-xl", children: "No transactions" }),
+              /* @__PURE__ */ jsx("div", { className: "liq-text-neutral-400", children: "Your transactions history will appear here" })
             ] })
           ] })
         }
@@ -251,7 +251,6 @@ const BridgeHistory = ({
                             FontAwesomeIcon,
                             {
                               icon: faArrowUpShortWide,
-                              spin: true,
                               className: "liq-mx-1 liq-flex liq-items-center"
                             }
                           ),
@@ -303,14 +302,13 @@ const BridgeHistory = ({
                   ]
                 }
               ),
-              transaction.provider === ProviderType.MultiversxBridge && /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx(
-                MxLink,
+              transaction.provider === ProviderType.MultiversxBridge && /* @__PURE__ */ jsx(
+                "a",
                 {
-                  to: `${options.bridgeURL}/status/${transaction.txHash}`,
+                  href: `${options.bridgeURL}/status/${transaction.txHash}`,
                   target: "_blank",
-                  showExternalIcon: false,
                   className: "liq-flex",
-                  children: /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx(
                     MxTooltip,
                     {
                       placement: "top",
@@ -322,11 +320,12 @@ const BridgeHistory = ({
                           className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-neutral-200"
                         }
                       ),
+                      shouldStopPropagation: false,
                       children: "View"
                     }
-                  )
+                  ) })
                 }
-              ) })
+              )
             ] })
           },
           `${transaction.txHash}-${index}`