@loafmarkets/ui 0.1.290 → 0.1.292

package/dist/index.mjs

@@ -12802,7 +12802,7 @@ function OrderPanel({
 var Panel = styled9.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
-  padding: 1.5rem;
+  padding: 1.25rem;
   box-shadow: 0 4px 8px rgba(0,0,0,0.2);
   border: 1px solid var(--color-border);
   height: 100%;
@@ -12830,11 +12830,11 @@ var PanelHeader2 = styled9.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 1rem;
-  padding-bottom: 0.75rem;
+  margin-bottom: 0.75rem;
+  padding-bottom: 0.5rem;
   border-bottom: 1px solid var(--color-border);
   span:first-child {
-    font-size: 1rem;
+    font-size: 0.9rem;
     font-weight: 600;
     color: var(--color-text);
   }
@@ -12855,18 +12855,18 @@ var StatusBadge2 = styled9.span`
 var Card2 = styled9.div`
   background: rgba(0,0,0,0.4);
   border: 1px solid rgba(255,255,255,0.15);
-  border-radius: 12px;
-  padding: 1rem 1.25rem;
+  border-radius: 10px;
+  padding: 0.75rem 1rem;
 
   @media (max-width: 480px) {
-    padding: 0.75rem 1rem;
-    border-radius: 10px;
+    padding: 0.6rem 0.85rem;
+    border-radius: 8px;
   }
 `;
 var CardLabel = styled9.div`
-  font-size: 0.75rem;
+  font-size: 0.7rem;
   color: var(--color-text-secondary);
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.3rem;
 `;
 var CardInputRow = styled9.div`
   display: flex;
@@ -12876,17 +12876,17 @@ var CardInputRow = styled9.div`
     background: transparent;
     border: none;
     outline: none;
-    font-size: 1.75rem;
+    font-size: 1.4rem;
     font-weight: 600;
     color: #fff;
     width: 100%;
 
     @media (max-width: 480px) {
-      font-size: 1.35rem;
+      font-size: 1.15rem;
     }
   }
   span {
-    font-size: 1rem;
+    font-size: 0.9rem;
     color: var(--color-text-secondary);
     font-weight: 500;
     margin-left: 0.75rem;
@@ -12895,14 +12895,14 @@ var CardInputRow = styled9.div`
 `;
 var QuickSelectRow = styled9.div`
   display: flex;
-  gap: 0.5rem;
-  margin-top: 0.75rem;
+  gap: 0.4rem;
+  margin-top: 0.5rem;
   flex-wrap: wrap;
   button {
     flex: 1;
     min-width: 50px;
-    padding: 0.4rem 0;
-    font-size: 0.75rem;
+    padding: 0.3rem 0;
+    font-size: 0.7rem;
     font-weight: 500;
     background: rgba(255,255,255,0.05);
     border: 1px solid rgba(255,255,255,0.1);
@@ -12945,7 +12945,7 @@ var DepositButton2 = styled9.button`
 `;
 var Divider2 = styled9.div`
   text-align: center;
-  margin: 0.5rem 0;
+  margin: 0.25rem 0;
   color: var(--color-text-secondary);
 `;
 var CardTopRow = styled9.div`
@@ -12961,12 +12961,12 @@ var CardHint = styled9.span`
 `;
 var OrderSummary = styled9.div`
   border-top: 1px solid rgba(255,255,255,0.08);
-  padding-top: 1rem;
-  margin-top: 0.5rem;
-  font-size: 0.8rem;
+  padding-top: 0.65rem;
+  margin-top: 0.35rem;
+  font-size: 0.75rem;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 0.35rem;
 `;
 var SummaryRow = styled9.div`
   display: flex;
@@ -12985,15 +12985,15 @@ var SummaryTotal = styled9(SummaryRow)`
 var FormBody = styled9.div`
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
+  gap: 0.5rem;
 `;
 var SubscribeButton = styled9.button`
   width: 100%;
-  margin-top: 1rem;
-  padding: 0.875rem;
+  margin-top: 0.75rem;
+  padding: 0.7rem;
   border-radius: 6px;
   font-weight: 600;
-  font-size: 0.9rem;
+  font-size: 0.85rem;
   border: none;
   cursor: pointer;
   transition: all 0.2s;
@@ -13014,27 +13014,27 @@ var SubscribeButton = styled9.button`
 `;
 var BalanceCards = styled9.div`
   display: flex;
-  gap: 1rem;
-  margin-top: 1rem;
+  gap: 0.75rem;
+  margin-top: 0.75rem;
   flex-wrap: wrap;
 `;
 var BalanceCard = styled9.div`
   flex: 1;
   background: rgba(255,255,255,0.03);
-  border-radius: 12px;
-  padding: 1rem;
+  border-radius: 10px;
+  padding: 0.75rem;
   text-align: center;
   position: relative;
 `;
 var BalanceLabel = styled9.div`
-  font-size: 0.75rem;
+  font-size: 0.7rem;
   color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.5px;
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.35rem;
 `;
 var BalanceValue = styled9.div`
-  font-size: 1.5rem;
+  font-size: 1.25rem;
   font-weight: 700;
   color: #fff;
   span {
@@ -13638,7 +13638,6 @@ function PortfolioActivityPanel({
 }) {
   const resolvedDefaultTab = defaultTab ?? (showPositionsTab ? "positions" : showSubscriptionsTab ? "subscriptions" : "orders");
   const [activeTab, setActiveTab] = useState(resolvedDefaultTab);
-  const [activityPage, setActivityPage] = useState(0);
   const [pendingCancelOrderId, setPendingCancelOrderId] = useState(null);
   const [cancelAllConfirmOpen, setCancelAllConfirmOpen] = useState(false);
   const [cancellingAll, setCancellingAll] = useState(false);
@@ -13741,7 +13740,7 @@ function PortfolioActivityPanel({
     }));
     return [...orderHistory, ...mapped].sort((a, b) => b.createdAt - a.createdAt);
   }, [showSubscriptionsTab, offeringOrders, orderHistory]);
-  const activeTabTotal = useMemo(() => {
+  useMemo(() => {
     switch (activeTab) {
       case "positions":
         return positions.length;
@@ -13775,11 +13774,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__ */ jsxs(Container3, { className, style, children: [
     /* @__PURE__ */ jsx(PanelTitle, { children: "Activity" }),
@@ -13841,7 +13837,7 @@ function PortfolioActivityPanel({
               onClosePosition && /* @__PURE__ */ 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;
@@ -13935,7 +13931,7 @@ function PortfolioActivityPanel({
             ] }),
             onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: /* @__PURE__ */ 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;
@@ -14012,7 +14008,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridHeaderCell, { children: "Status" }),
             /* @__PURE__ */ jsx(GridHeaderCell, { children: "Date" })
           ] }),
-          pageSlice(offeringOrders).map((order) => {
+          offeringOrders.map((order) => {
             const meta = getOrderStatusMeta(order.status);
             return /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
               /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, children: order.tokenName }) }),
@@ -14039,7 +14035,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridHeaderCell, { children: "Status" }),
             onCancelOrder && /* @__PURE__ */ 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;
@@ -14084,7 +14080,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridHeaderCell, { children: "Status" }),
             /* @__PURE__ */ 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;
@@ -14117,7 +14113,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridHeaderCell, { children: "Fee" }),
             /* @__PURE__ */ jsx(GridHeaderCell, { children: "Date" })
           ] }),
-          pageSlice(tradeHistory).map((trade) => /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
+          tradeHistory.map((trade) => /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, children: trade.tokenName }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(trade.side), children: sideLabel(trade.side) }) }),
             /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatNumber2(trade.quantity) }) }),
@@ -14138,7 +14134,7 @@ function PortfolioActivityPanel({
             /* @__PURE__ */ jsx(GridHeaderCell, { children: "Status" }),
             /* @__PURE__ */ 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__ */ jsxs(GridRow, { $columns: "0.8fr 1fr 1.5fr 0.8fr 1fr", children: [
@@ -14153,31 +14149,6 @@ function PortfolioActivityPanel({
             ] }, t.blockchainTxHash ?? `transfer-${idx}`);
           })
         ] })
-      ] }),
-      activityTotalPages > 1 && /* @__PURE__ */ jsxs(PaginationRow, { children: [
-        /* @__PURE__ */ jsx(
-          PaginationButton,
-          {
-            type: "button",
-            onClick: () => setActivityPage((p) => p - 1),
-            disabled: activityPage === 0,
-            children: "\u2190 Prev"
-          }
-        ),
-        /* @__PURE__ */ jsxs(PaginationLabel, { children: [
-          activityPage + 1,
-          " / ",
-          activityTotalPages
-        ] }),
-        /* @__PURE__ */ jsx(
-          PaginationButton,
-          {
-            type: "button",
-            onClick: () => setActivityPage((p) => p + 1),
-            disabled: activityPage >= activityTotalPages - 1,
-            children: "Next \u2192"
-          }
-        )
       ] })
     ] }),
     cancelAllConfirmOpen && /* @__PURE__ */ jsx(CancelConfirmOverlay, { onClick: () => setCancelAllConfirmOpen(false), children: /* @__PURE__ */ jsxs(CancelConfirmModal, { onClick: (e) => e.stopPropagation(), children: [
@@ -14392,33 +14363,6 @@ var EmptyState = styled9.div`
   font-size: 0.8rem;
   color: rgba(255, 255, 255, 0.45);
 `;
-var PaginationRow = styled9.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.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.span`
-  font-size: 0.8rem;
-  color: rgba(255, 255, 255, 0.4);
-`;
 var PositionsHeader = styled9.div`
   display: grid;
   grid-template-columns: ${(p) => p.$hasClose ? "repeat(6, 1fr) minmax(130px, auto)" : "repeat(6, 1fr)"};