@loafmarkets/ui 0.1.291 → 0.1.292

package/dist/index.js

@@ -13664,7 +13664,6 @@ function PortfolioActivityPanel({
 }) {
   const resolvedDefaultTab = defaultTab ?? (showPositionsTab ? "positions" : showSubscriptionsTab ? "subscriptions" : "orders");
   const [activeTab, setActiveTab] = React5.useState(resolvedDefaultTab);
-  const [activityPage, setActivityPage] = React5.useState(0);
   const [pendingCancelOrderId, setPendingCancelOrderId] = React5.useState(null);
   const [cancelAllConfirmOpen, setCancelAllConfirmOpen] = React5.useState(false);
   const [cancellingAll, setCancellingAll] = React5.useState(false);
@@ -13767,7 +13766,7 @@ function PortfolioActivityPanel({
     }));
     return [...orderHistory, ...mapped].sort((a, b) => b.createdAt - a.createdAt);
   }, [showSubscriptionsTab, offeringOrders, orderHistory]);
-  const activeTabTotal = React5.useMemo(() => {
+  React5.useMemo(() => {
     switch (activeTab) {
       case "positions":
         return positions.length;
@@ -13801,11 +13800,8 @@ function PortfolioActivityPanel({
     }).length,
     [offeringOrders]
   );
-  const activityTotalPages = Math.ceil(activeTabTotal / pageSize);
-  const pageSlice = (arr) => arr.slice(activityPage * pageSize, (activityPage + 1) * pageSize);
   const handleTabChange = (tab) => {
     setActiveTab(tab);
-    setActivityPage(0);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(Container3, { className, style, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PanelTitle, { children: "Activity" }),
@@ -13867,7 +13863,7 @@ function PortfolioActivityPanel({
               onClosePosition && /* @__PURE__ */ jsxRuntime.jsx(CToolbarLink, { onClick: () => setCloseAllOpen(true), children: "Sell All" })
             ] })
           ] }),
-          pageSlice(sortedPositions).map((pos) => {
+          sortedPositions.map((pos) => {
             const currentValue = pos.quantity * pos.marketPrice;
             const costBasis = pos.quantity * pos.averageEntryPrice;
             const pnl = pos.propertyPnl ?? currentValue - costBasis;
@@ -13961,7 +13957,7 @@ function PortfolioActivityPanel({
             ] }),
             onClosePosition && /* @__PURE__ */ jsxRuntime.jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Sell All" }) })
           ] }),
-          pageSlice(sortedPositions).map((pos) => {
+          sortedPositions.map((pos) => {
             const currentValue = pos.quantity * pos.marketPrice;
             const costBasis = pos.quantity * pos.averageEntryPrice;
             const pnl = pos.propertyPnl ?? currentValue - costBasis;
@@ -14038,7 +14034,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Status" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" })
           ] }),
-          pageSlice(offeringOrders).map((order) => {
+          offeringOrders.map((order) => {
             const meta = getOrderStatusMeta(order.status);
             return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $primary: true, children: order.tokenName }) }),
@@ -14065,7 +14061,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Status" }),
             onCancelOrder && /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, {})
           ] }),
-          pageSlice(openOrders).map((order) => {
+          openOrders.map((order) => {
             const meta = getOrderStatusMeta(order.status);
             const isMarket = order.type === "MARKET";
             const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
@@ -14110,7 +14106,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Status" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" })
           ] }),
-          pageSlice(mergedOrderHistory).map((order) => {
+          mergedOrderHistory.map((order) => {
             const meta = getOrderStatusMeta(order.status);
             const isMarket = order.type === "MARKET";
             const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
@@ -14143,7 +14139,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Fee" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" })
           ] }),
-          pageSlice(tradeHistory).map((trade) => /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
+          tradeHistory.map((trade) => /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
             /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $primary: true, children: trade.tokenName }) }),
             /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SideBadge, { $side: sideLabel(trade.side), children: sideLabel(trade.side) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatNumber2(trade.quantity) }) }),
@@ -14164,7 +14160,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Status" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" })
           ] }),
-          pageSlice(transfers).map((t, idx) => {
+          transfers.map((t, idx) => {
             const isDeposit = t.type === "DEPOSIT";
             const statusMeta = getOrderStatusMeta(t.status);
             return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "0.8fr 1fr 1.5fr 0.8fr 1fr", children: [
@@ -14179,31 +14175,6 @@ function PortfolioActivityPanel({
             ] }, t.blockchainTxHash ?? `transfer-${idx}`);
           })
         ] })
-      ] }),
-      activityTotalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs(PaginationRow, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          PaginationButton,
-          {
-            type: "button",
-            onClick: () => setActivityPage((p) => p - 1),
-            disabled: activityPage === 0,
-            children: "\u2190 Prev"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(PaginationLabel, { children: [
-          activityPage + 1,
-          " / ",
-          activityTotalPages
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          PaginationButton,
-          {
-            type: "button",
-            onClick: () => setActivityPage((p) => p + 1),
-            disabled: activityPage >= activityTotalPages - 1,
-            children: "Next \u2192"
-          }
-        )
       ] })
     ] }),
     cancelAllConfirmOpen && /* @__PURE__ */ jsxRuntime.jsx(CancelConfirmOverlay, { onClick: () => setCancelAllConfirmOpen(false), children: /* @__PURE__ */ jsxRuntime.jsxs(CancelConfirmModal, { onClick: (e) => e.stopPropagation(), children: [
@@ -14418,33 +14389,6 @@ var EmptyState = styled9__default.default.div`
   font-size: 0.8rem;
   color: rgba(255, 255, 255, 0.45);
 `;
-var PaginationRow = styled9__default.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.75rem;
-  margin-top: 1rem;
-  padding-top: 1rem;
-  border-top: 1px solid rgba(255, 255, 255, 0.06);
-`;
-var PaginationButton = styled9__default.default.button`
-  background: transparent;
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  border-radius: 8px;
-  padding: 0.35rem 0.75rem;
-  font-size: 0.8rem;
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.7);
-
-  &:disabled {
-    color: rgba(255, 255, 255, 0.2);
-    cursor: default;
-  }
-`;
-var PaginationLabel = styled9__default.default.span`
-  font-size: 0.8rem;
-  color: rgba(255, 255, 255, 0.4);
-`;
 var PositionsHeader = styled9__default.default.div`
   display: grid;
   grid-template-columns: ${(p) => p.$hasClose ? "repeat(6, 1fr) minmax(130px, auto)" : "repeat(6, 1fr)"};