@loafmarkets/ui 0.0.7 → 0.0.8

package/dist/index.mjs

@@ -1554,7 +1554,7 @@ var formatPercent = (value, fractionDigits = 2) => {
   return `${value.toFixed(fractionDigits)}%`;
 };
 var YourOrders = React5.forwardRef(
-  ({ className, title = "Portfolio Holdings (Demo)", orders, ...props }, ref) => {
+  ({ className, title = "Portfolio Holdings (Demo)", orders, renderOrderActions, ...props }, ref) => {
     const [activeTab, setActiveTab] = React5.useState("portfolio");
     const hasOrders = Array.isArray(orders) && orders.length > 0;
     const renderPortfolio = () => {
@@ -1586,7 +1586,7 @@ var YourOrders = React5.forwardRef(
           const currentPrice = order.currentPrice ?? order.price;
           const priceChangePercent = order.priceChangePercent ?? order.pnlPercent;
           const priceChangePositive = order.priceChangePositive ?? (priceChangePercent != null ? priceChangePercent >= 0 : void 0);
-          return /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+          return /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, gridTemplateColumns: renderOrderActions ? "1.8fr 0.8fr 0.7fr 0.8fr 0.8fr 0.9fr 0.8fr" : "1.8fr 0.9fr 0.7fr 0.8fr 0.8fr 1fr" }, children: [
             /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "1rem", alignItems: "center" }, children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.15rem" }, children: [
                 /* @__PURE__ */ jsx("div", { style: { fontSize: "0.9rem", fontWeight: 500 }, children: propertyName }),
@@ -1657,7 +1657,8 @@ var YourOrders = React5.forwardRef(
                   ] }) : null
                 ]
               }
-            )
+            ),
+            renderOrderActions ? /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end" }, children: renderOrderActions(order) }) : null
           ] }, order.id);
         }) })
       ] });