lulu/arbitrage-engine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add XRP/SOL to trades and kline pages

Browse Source
This commit is contained in:
root 2026-02-28 10:19:33 +00:00
parent 5cf2003ca7
commit 2c28d660ce
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/app/kline/page.tsx
View File

@ -118,7 +118,7 @@ function KChart({
} }
export default function KlinePage() { export default function KlinePage() {
const [symbol, setSymbol] = useState<"BTC" | "ETH">("BTC"); const [symbol, setSymbol] = useState<"BTC" | "ETH" | "XRP" | "SOL">("BTC");
const [rateInterval, setRateInterval] = useState("1h"); const [rateInterval, setRateInterval] = useState("1h");
const [priceInterval, setPriceInterval] = useState("1h"); const [priceInterval, setPriceInterval] = useState("1h");
@ -128,7 +128,7 @@ export default function KlinePage() {
<div className="flex items-center justify-between flex-wrap gap-3"> <div className="flex items-center justify-between flex-wrap gap-3">
<h1 className="text-2xl font-bold text-slate-900">费率 K 线</h1> <h1 className="text-2xl font-bold text-slate-900">费率 K 线</h1>
<div className="flex gap-2 text-sm"> <div className="flex gap-2 text-sm">
{(["BTC", "ETH"] as const).map(s => ( {(["BTC", "ETH", "XRP", "SOL"] as const).map(s => (
<button key={s} onClick={() => setSymbol(s)} <button key={s} onClick={() => setSymbol(s)}
className={`px-4 py-1.5 rounded-lg border font-medium transition-colors ${symbol === s ? "bg-blue-600 text-white border-blue-600" : "border-slate-200 text-slate-600 hover:border-blue-400"}`}> className={`px-4 py-1.5 rounded-lg border font-medium transition-colors ${symbol === s ? "bg-blue-600 text-white border-blue-600" : "border-slate-200 text-slate-600 hover:border-blue-400"}`}>
{s} {s}

6
frontend/app/trades/page.tsx
View File

@ -29,7 +29,7 @@ interface SummaryBar {
max_qty: number; max_qty: number;
} }
type Symbol = "BTC" | "ETH"; type Symbol = "BTC" | "ETH" | "XRP" | "SOL";
type Interval = "1m" | "5m" | "15m" | "1h"; type Interval = "1m" | "5m" | "15m" | "1h";
const INTERVALS: { label: string; value: Interval }[] = [ const INTERVALS: { label: string; value: Interval }[] = [
@ -231,7 +231,7 @@ function FlowAnalysis({ symbol }: { symbol: Symbol }) {
</span> </span>
（每{interval}聚合一根，每30秒刷新） （每{interval}聚合一根，每30秒刷新）
</p> </p>
<p className="text-xs text-slate-400">单位：{symbol === "BTC" ? "BTC" : "ETH"}</p> <p className="text-xs text-slate-400">单位：{symbol}</p>
</div> </div>
<div className="grid grid-cols-2 md:grid-cols-4 gap-2"> <div className="grid grid-cols-2 md:grid-cols-4 gap-2">
<div className="bg-slate-50 rounded-lg p-3"> <div className="bg-slate-50 rounded-lg p-3">
@ -353,7 +353,7 @@ export default function TradesPage() {
<p className="text-slate-500 text-xs mt-0.5">实时成交记录 + 买卖 Delta 分析</p> <p className="text-slate-500 text-xs mt-0.5">实时成交记录 + 买卖 Delta 分析</p>
</div> </div>
<div className="flex gap-1.5"> <div className="flex gap-1.5">
{(["BTC", "ETH"] as Symbol[]).map(s => ( {(["BTC", "ETH", "XRP", "SOL"] as Symbol[]).map(s => (
<button key={s} onClick={() => setSymbol(s)} <button key={s} onClick={() => setSymbol(s)}
className={`px-4 py-1.5 rounded-lg border text-sm font-medium transition-colors ${symbol === s ? "bg-blue-600 text-white border-blue-600" : "border-slate-200 text-slate-600 hover:border-blue-400"}`}> className={`px-4 py-1.5 rounded-lg border text-sm font-medium transition-colors ${symbol === s ? "bg-blue-600 text-white border-blue-600" : "border-slate-200 text-slate-600 hover:border-blue-400"}`}>
{s} {s}