+
+ QUANTA
+ POOL
+
+ + {poolStore.activityError + ? "Activity is unavailable right now — use the Zondscan link above." + : "No staking activity yet for this address."} +
+ ) : ( +{meta.label}
++ Block {item.blockNumber.toString()} +
+{formatAmount(item.qrlAmount)} QRL
+ )} + {item.shares !== null && ( ++ {formatAmount(item.shares)} stQRL +
+ )} ++ Showing the latest {MAX_ROWS} of {poolStore.activity.length} — full history on + Zondscan. +
+ )} +
+
+ QUANTA
+ POOL
+
+
+ );
+}
diff --git a/frontend/src/components/StatsBar.tsx b/frontend/src/components/StatsBar.tsx
new file mode 100644
index 0000000..a154aee
--- /dev/null
+++ b/frontend/src/components/StatsBar.tsx
@@ -0,0 +1,47 @@
+import { observer } from "mobx-react-lite";
+import { Skeleton } from "@/components/UI/Skeleton";
+import { useStore } from "@/stores/store";
+import { formatAmount, formatRate, formatUsd } from "@/utils/format";
+
+/** Compact protocol stats row shown under the stake widget (Lido-style). */
+export const StatsBar = observer(() => {
+ const { poolStore } = useStore();
+ const pool = poolStore.pool;
+ const tvlUsd = pool ? poolStore.usdValue(pool.totalPooled) : null;
+
+ const stats = [
+ {
+ label: "Total staked",
+ value: pool ? `${formatAmount(pool.totalPooled, 18, 0)} QRL` : null,
+ sub: tvlUsd !== null ? `≈ ${formatUsd(tvlUsd)}` : undefined,
+ },
+ {
+ label: "stQRL exchange rate",
+ value: pool ? `1 stQRL = ${formatRate(pool.exchangeRate)} QRL` : null,
+ },
+ {
+ label: "Active validators",
+ value: pool ? pool.activeValidators.toString() : null,
+ },
+ {
+ label: "Net rewards",
+ value: pool ? `${formatAmount(pool.netRewards)} QRL` : null,
+ },
+ ];
+
+ return (
+ {stat.sub}
+ )} ++ {tx.label} + {tx.state === "pending" && " — waiting for confirmation…"} + {tx.state === "confirmed" && " confirmed"} + {tx.state === "failed" && " failed"} +
+ {tx.state === "pending" && !tx.txHash && ( +Confirm the transaction in your wallet.
+ )} + {tx.error &&{tx.error}
} + {tx.txHash && ( + + View on explorer+ A plain-language guide to liquid staking on the QRL network. +
++ Running your own QRL validator requires 40,000 QRL and a server that stays online + around the clock. QuantaPool pools deposits from many stakers, runs the validators for + you, and shares the rewards — so you can stake any amount above the minimum and stay + liquid the whole time. +
++ When you deposit QRL into the pool you receive stQRL, a token that + represents your share of everything the pool holds. Deposits go into a buffer, and every + time the buffer reaches 40,000 QRL the pool funds a new validator. +
++ stQRL is a fixed-balance token: your share count stays constant (which + keeps accounting and taxes simple), while the QRL value of each share grows as + rewards come in. You can hold, transfer, or eventually trade stQRL like any other token — + your underlying stake keeps earning either way. +
++ Validators earn rewards for proposing and attesting blocks. Those rewards flow back to + the pool and raise the stQRL → QRL exchange rate. Example: you stake + 1,000 QRL at a rate of 1.00 and receive 1,000 stQRL. A year later the rate is 1.05 — + your same 1,000 stQRL is now worth 1,050 QRL. +
++ Reward detection is trustless: the contract reads its own balance + increases on-chain instead of relying on a price oracle or an operator's word. Anyone + can trigger a reward sync. The protocol currently takes no fee — 100% + of rewards go to stakers. +
+{step.title}
+{step.description}
+Pooled QRL only ever sits in three places, all visible on-chain:
++ You can audit all three at any time on the Stats page or + directly on the block explorer. +
++ Like all DeFi, smart-contract risk is never zero. Never stake more than you can afford + to lock up. +
++ QuantaPool is built by the team behind{" "} + + MyQRLWallet + + . Today you connect with the QRL Wallet browser extension; staking directly from the + MyQRLWallet mobile app via the wallet-connect bridge is on the roadmap, so your stQRL + will show up right next to your QRL. +
++ Stake QRL, receive stQRL, and earn validator rewards automatically — secured by + post-quantum cryptography. +
+{validationError}
+ )} + ++ Deposits are temporarily paused by the protocol. +
+ )} + + {account ? ( + + ) : ( + + )} +{item.answer}
++ Connect your wallet to request and claim withdrawals. +
+ +{validationError}
} + ++ Withdrawal requests are temporarily paused by the protocol. +
+ )} + + ++ No pending withdrawal requests. +
+ ) : ( ++ {formatAmount(request.shares)} stQRL →{" "} + {formatAmount(request.qrlPayout)} QRL +
++ {request.canClaim ? ( + Ready to claim + ) : request.blocksRemaining > 0n ? ( + <> + Ready in {request.blocksRemaining.toString()} blocks ( + {blocksToTime(request.blocksRemaining, BLOCK_TIME_SECONDS)}) + + ) : ( + "Waiting for withdrawal reserve" + )} +
++ {account.completedWithdrawalsCount} completed withdrawal + {account.completedWithdrawalsCount === 1 ? "" : "s"} +
+ )} +