Z/trumpsignal-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 3 display bugs found in full-page audit

Browse Source 
1. MacroVibesPageClient — funding stats rendered "undefined%" when
   latest_rate_pct / last_24h_avg_pct were null. `?.toFixed()` returns
   undefined inside a template literal → shows as the string "undefined%".
   Fixed: explicit null check → '—' fallback.

2. SettingsClient — broken internal anchor: href="#btc-settings-panel"
   but the section id is "btc-settings". "Open panel ↓" link did nothing.
   Fixed: corrected href to "#btc-settings".

3. KolPageClient — undefined CSS variables throughout the file:
   --bg-card (transparent) and --border (no border) were never defined
   in the design system (globals.css uses --surface and --line).
   KOL cards rendered with transparent bg and invisible borders.
   Fixed: --bg-card → --surface, --border → --line, --accent → --amber.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
k
2026-05-27 16:28:05 +08:00
parent 37c67d4acb
commit a1e9ec49ef
3 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/kol/KolPageClient.tsx
+10 -10
View File
@@ -163,8 +163,8 @@ function DigestWidget({
return (
<div style={{
marginBottom: 16, padding: 'clamp(12px, 3vw, 18px)',
borderRadius: 12, background: 'var(--bg-card)',
border: '1px solid var(--border)',
borderRadius: 12, background: 'var(--surface)',
border: '1px solid var(--line)',
}}>
<div style={{
display: 'flex', justifyContent: 'space-between',
@@ -451,8 +451,8 @@ function WalletCheckWidget({
return (
<div style={{
marginBottom: 16, padding: 'clamp(12px, 3vw, 18px)',
borderRadius: 12, background: 'var(--bg-card)',
border: '1px solid var(--border)',
borderRadius: 12, background: 'var(--surface)',
border: '1px solid var(--line)',
}}>
<div style={{
display: 'flex', justifyContent: 'space-between',
@@ -506,7 +506,7 @@ function WalletCheckWidget({
padding: '14px 16px',
borderRadius: 12,
background: 'var(--bg-sunk)',
border: '1px solid var(--border)',
border: '1px solid var(--line)',
}}>
<div style={{ minWidth: 0 }}>
<div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 6, flexWrap: 'wrap' }}>
@@ -860,7 +860,7 @@ export default function KolPage({
<button
onClick={() => setTickerFilter(null)}
style={{
background: 'var(--bg-sunk)', border: '1px solid var(--border)',
background: 'var(--bg-sunk)', border: '1px solid var(--line)',
borderRadius: 4, padding: '2px 8px',
cursor: 'pointer', fontSize: 11, color: 'var(--ink-2)',
}}
@@ -901,13 +901,13 @@ export default function KolPage({
onClick={() => openDetail(p.id)}
style={{
padding: 14, borderRadius: 10,
background: 'var(--bg-card)',
border: '1px solid var(--border)',
background: 'var(--surface)',
border: '1px solid var(--line)',
cursor: 'pointer',
transition: 'border-color 0.15s',
}}
onMouseEnter={e => (e.currentTarget.style.borderColor = 'var(--accent)')}
onMouseLeave={e => (e.currentTarget.style.borderColor = 'var(--border)')}
onMouseEnter={e => (e.currentTarget.style.borderColor = 'var(--amber)')}
onMouseLeave={e => (e.currentTarget.style.borderColor = 'var(--line)')}
>
{/* 顶部：作者 + 右侧操作区 */}
<div style={{ display: 'flex', justifyContent: 'space-between',