{/* Analytics badge */}
Analytics
{/* ELY Points */}
ELY Points
{points.toLocaleString()}
}
{/* MegaPill gold — slim & elegant */}
anon.mega
);
}
// Markets filter bar — redesigned with scrollable category pills
function AppFilterBar({ catFilter, setCatFilter, isDark }) {
const cats = ['Crypto','Politics','Sports','Tech','Economy','Culture','Other'];
const [selCat, setSelCat] = useSh(null);
const IconHot = () => (
);
const IconHeart = () => (
);
const IconUsers = () => (
);
const IconStar = () => (
);
return (
{/* Left: view tabs — fixed */}
{[
{icon:
, label:'Trending', active:true},
{icon:
, label:'Favorites'},
{icon:
, label:'Community'},
{icon:
, label:'New'},
].map(t => (
{t.icon}
{t.label}
))}
{/* Divider */}
{/* Right: scrollable category pills */}
{cats.map(cat => (
setSelCat(selCat === cat ? null : cat)}
style={{
background: selCat === cat ? 'rgba(92,200,230,0.15)' : 'none',
color: selCat === cat ? '#5CC8E6' : C.muted,
border: selCat === cat ? '1px solid rgba(92,200,230,0.35)' : '1px solid transparent',
fontSize: 10, padding: '2px 8px', borderRadius: 4,
fontFamily: BRAND_FONT, fontWeight: selCat === cat ? 600 : 400,
whiteSpace:'nowrap', cursor:'pointer', userSelect:'none',
transition: 'all 0.15s ease', flexShrink:0
}}>
{cat}
))}
);
}
// Bottom bar — icons only with proper SVGs
function AppBottomBar({ isDark }) {
const [dark, setDark] = useSh(isDark !== undefined ? isDark : true);
const textColor = dark ? 'rgba(255,255,255,0.38)' : 'rgba(0,0,0,0.38)';
const textColorHov = dark ? 'rgba(255,255,255,0.85)' : 'rgba(0,0,0,0.85)';
const ic = { background:'none', border:'none', color:textColor, cursor:'pointer',
padding:'0 6px', display:'flex', alignItems:'center', justifyContent:'center',
height:28, transition:'color .15s', flexShrink:0 };
const hov = (e) => e.currentTarget.style.color=textColorHov;
const lev = (e) => e.currentTarget.style.color=textColor;
const { vol, trades, markets } = useElyTicker();
const fmtVol = (v) => { const m = v / 1000000; return m >= 1 ? `$${m.toFixed(2)}M` : `$${Math.round(v/1000)}K`; };
const statStyle = {fontSize:8.5,fontFamily:'JetBrains Mono,Courier New,monospace',letterSpacing:0.2,whiteSpace:'nowrap'};
const valStyle = {color:C.green,fontWeight:700,transition:'color 0.2s'};
return (
{/* Daily stats */}
VOL 24H {fmtVol(vol)}
TRADES {trades.toLocaleString()}
MARKETS {markets.toLocaleString()}
{/* Moon/Sun */}
{/* Docs */}
{/* Support / Discord */}
{/* X */}
{/* Discord */}
{/* DeBank */}
{/* DeFiLlama */}
{/* Settings */}
{/* Sounds */}
);
}
// ── Global constants used in markets/trading files ──
window.BRAND_FONT = "'Plus Jakarta Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif";
window.ACTIVITY_NAMES = [
'alphatrader.mega', '0x8b2…11', 'nightowl.mega', '0x91c…aa',
'republic.mega', 'degen42.mega', '0x3f7…cc', 'kaleidoscope.mega',
'anon.mega', 'moonshot.mega', '0x55e…f0', 'cryptowizard.mega',
];
window.ACTIVITY_ACTIONS = ['bought YES', 'bought NO', 'sold YES', 'sold NO'];
window.ACTIVITY_MARKETS = ['Bad Bunnz', 'Nacci Cartel', 'Hyperliquid', 'WLFI Subpoena', 'Fed Rate Cuts', 'Brent Oil', 'China GDP', 'House 2026', 'Megalio'];
// ── Market probability state (drifts over time) ──
window.MARKET_PROB = {};
(window.SM || []).forEach(m => {
if (m.type === 'multi' && m.outcomes) {
window.MARKET_PROB[m.id] = { outcomes: m.outcomes.map(o => o.pct) };
} else if (m.type === 'binary') {
window.MARKET_PROB[m.id] = { pct: m.pct };
}
});
if (!window._mktDriftStarted) {
window._mktDriftStarted = true;
setInterval(() => {
(window.SM || []).forEach(m => {
const prob = window.MARKET_PROB[m.id];
if (!prob) return;
if (m.type === 'multi' && prob.outcomes) {
prob.outcomes = prob.outcomes.map(p =>
Math.max(1, Math.min(99, +(p + (Math.random() - 0.5) * 0.8).toFixed(1)))
);
} else if (m.type === 'binary') {
prob.pct = Math.max(2, Math.min(98, +(prob.pct + (Math.random() - 0.5) * 0.8).toFixed(1)));
}
});
window.dispatchEvent(new Event('mkt-drift'));
}, 1800);
}
function useMarketDrift() {
const [, setTick] = useSh(0);
useEfSh(() => {
const fn = () => setTick(n => n + 1);
window.addEventListener('mkt-drift', fn);
return () => window.removeEventListener('mkt-drift', fn);
}, []);
}
function useAnimatedNumber(value, duration) {
const dur = duration || 300;
const [display, setDisplay] = useSh(value);
const rafRef = useRefSh(null);
useEfSh(() => {
const from = display;
const to = value;
if (from === to) return;
const start = performance.now();
const tick = (now) => {
const t = Math.min(1, (now - start) / dur);
const eased = 1 - Math.pow(1 - t, 3);
setDisplay(from + (to - from) * eased);
if (t < 1) rafRef.current = requestAnimationFrame(tick);
};
rafRef.current = requestAnimationFrame(tick);
return () => { if (rafRef.current) cancelAnimationFrame(rafRef.current); };
}, [value]);
return display;
}
Object.assign(window, {
EventlyText, EventlyLogoSVG, MegaETHIcon,
MarketThumb, CircleProgress,
AppNavbar, AppFilterBar, AppBottomBar,
useElyTicker, useMarketDrift, useAnimatedNumber,
});