admin/OpenFin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: cockpit

Browse Source
This commit is contained in:
OpenSquared
2026-07-24 20:48:20 +02:00
parent 67d27eaeb6
commit 8af398467e
2 changed files with 3 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/TradeRankList.tsx
View File

@@ -28,7 +28,7 @@ export default function TradeRankList({ trades, mode, title, linkTo, toggle, tic
</div> </div>
</div> </div>
{sorted.length > 0 ? ( {sorted.length > 0 ? (
<div className="space-y-1.5 mt-1 max-h-[135px] overflow-y-auto pr-0.5"> <div className="space-y-1.5 mt-1 max-h-[190px] overflow-y-auto pr-0.5">
{sorted.map((t: any, i: number) => { {sorted.map((t: any, i: number) => {
const pnl: number | null = t.pnl_pct ?? null const pnl: number | null = t.pnl_pct ?? null
const isBear = t.strategy?.toLowerCase().includes('put') || t.strategy?.toLowerCase().includes('bear') const isBear = t.strategy?.toLowerCase().includes('put') || t.strategy?.toLowerCase().includes('bear')

20
frontend/src/pages/Dashboard.tsx
View File

@@ -8,7 +8,7 @@ import {
useInstrumentsWatchlist, useInstrumentsWatchlistQuotes, useWatchlistHistory, useQuickAddInstrument, useSaxoIvWatchlist, useLatestCycleReport, useInstrumentsWatchlist, useInstrumentsWatchlistQuotes, useWatchlistHistory, useQuickAddInstrument, useSaxoIvWatchlist, useLatestCycleReport,
useWaveletWatchlistSignals, useWaveletWatchlistSignals,
} from '../hooks/useApi' } from '../hooks/useApi'
import { Clock, Globe, ShieldAlert, ArrowUpRight, Newspaper, Waves, Link2 } from 'lucide-react' import { Clock, Globe, ArrowUpRight, Newspaper, Waves, Link2 } from 'lucide-react'
import { Link, useNavigate } from 'react-router-dom' import { Link, useNavigate } from 'react-router-dom'
import clsx from 'clsx' import clsx from 'clsx'
import type { Quote } from '../types' import type { Quote } from '../types'
@@ -321,22 +321,6 @@ export default function Dashboard() {
</div> </div>
</div> </div>
{/* Risk concentration banner */}
{(riskDashboard as any)?.concentration_alerts?.length > 0 && (
<div className="space-y-1.5">
{((riskDashboard as any).concentration_alerts as any[]).slice(0, 2).map((alert: any, i: number) => (
<div key={i} className={clsx('flex items-center gap-2 text-xs px-3 py-2 rounded border', {
'bg-red-900/20 border-red-700/30 text-red-300': alert.level === 'high',
'bg-amber-900/20 border-amber-700/30 text-amber-300': alert.level === 'warning',
})}>
<ShieldAlert className="w-3 h-3 shrink-0" />
{alert.message}
<a href="/risk" className="ml-auto text-slate-500 hover:text-slate-300 underline">Risk Dashboard →</a>
</div>
))}
</div>
)}
{/* Top row — height capped to Watchlist Radar's natural size (the only card driven by user config) */} {/* Top row — height capped to Watchlist Radar's natural size (the only card driven by user config) */}
<div className="grid grid-cols-4 gap-4 items-start"> <div className="grid grid-cols-4 gap-4 items-start">
{/* Geo Risk */} {/* Geo Risk */}
@@ -1056,7 +1040,7 @@ export default function Dashboard() {
<ArrowUpRight className="w-3 h-3 text-slate-600" /> <ArrowUpRight className="w-3 h-3 text-slate-600" />
</Link> </Link>
{signals.length > 0 ? ( {signals.length > 0 ? (
<div className="space-y-1.5 mt-1 max-h-[135px] overflow-y-auto pr-0.5"> <div className="space-y-1.5 mt-1 max-h-[190px] overflow-y-auto pr-0.5">
{signals.map((s: any, i: number) => ( {signals.map((s: any, i: number) => (
<div <div
key={i} key={i}