const { useState, useEffect, useRef, useMemo } = React;
const LOGO = "assets/borneo-logo.png";
const TG_URL = "https://t.me/borneocapital";
/* Floating nav (same pill style) */
function HasilNav() {
const [scrolled, setScrolled] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 16);
window.addEventListener("scroll", onScroll, { passive: true });
onScroll();
return () => window.removeEventListener("scroll", onScroll);
}, []);
return (
);
}
/* Reveal-on-scroll */
function Reveal({ children, child, as: As = "div", className = "", ...rest }) {
const ref = useRef(null);
useEffect(() => {
const el = ref.current; if (!el) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e) => { if (e.isIntersecting) { el.classList.add("in"); obs.unobserve(el); } });
}, { threshold: 0.12, rootMargin: "0px 0px -60px 0px" });
obs.observe(el);
return () => obs.disconnect();
}, []);
const cls = [child ? "reveal-child" : "reveal", className].filter(Boolean).join(" ");
return {children};
}
/* Counter (reused) */
function Counter({ to, duration = 1600, prefix = "", suffix = "" }) {
const [val, setVal] = useState(0);
const ref = useRef(null);
const started = useRef(false);
useEffect(() => {
const el = ref.current; if (!el) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting && !started.current) {
started.current = true;
const t0 = performance.now();
const ease = (t) => 1 - Math.pow(1 - t, 3);
const tick = (now) => {
const p = Math.min(1, (now - t0) / duration);
setVal(to * ease(p));
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
});
}, { threshold: 0.4 });
obs.observe(el); return () => obs.disconnect();
}, [to]);
const n = Math.round(val).toLocaleString("en-US");
return {prefix}{n}{suffix};
}
/* Filters: derive from data + add Semua */
function classifyTag(t) {
if (t.tag === "Whale") return "Whale";
if (t.tagStyle === "swing") return "Swing";
if (t.tagStyle === "scalp") return "Scalp";
return "Daily";
}
function HasilPage() {
const trades = window.TRADES;
const [active, setActive] = useState(null);
const [filter, setFilter] = useState("Semua");
const groups = useMemo(() => {
const counts = { Semua: trades.length, Daily: 0, Scalp: 0, Swing: 0 };
trades.forEach((t) => { const k = classifyTag(t); if (counts[k] !== undefined) counts[k]++; });
return counts;
}, [trades]);
const filtered = useMemo(() => {
if (filter === "Semua") return trades;
return trades.filter((t) => classifyTag(t) === filter);
}, [filter, trades]);
const idx = filtered.findIndex((t) => t === active);
const onOpen = (t) => setActive(t);
const onClose = () => setActive(null);
const onPrev = idx > 0 ? () => setActive(filtered[idx - 1]) : null;
const onNext = idx >= 0 && idx < filtered.length - 1 ? () => setActive(filtered[idx + 1]) : null;
// aggregate stats
const usdTotal = trades.reduce((acc, t) => {
// skip IDR/cent rows for USD total
if (String(t.amount).startsWith("+Rp")) return acc;
return acc + (t.amountVal || 0);
}, 0);
return (
<>
Kembali ke Beranda
Daily Trades · Member
Hasil nyata dari komunitas.
Screenshot PnL terkini dari member Borneo Capital. Diverifikasi, transparan, dan diupdate setiap hari.
Total Profit (USD)
+
Akumulasi screenshot member · Mei 2026
Trade Tercatat
Posisi closed dengan screenshot
Member Terdaftar
Trader aktif yang share hasil
Win Rate
85.4%
Bulan berjalan
{["Semua", "Daily", "Scalp", "Swing"].map((f) => (
))}
{filtered.map((t, i) => (
))}
{filtered.length === 0 && (
Belum ada trade di kategori ini.
)}
{/* Re-use footer style from main page */}
);
}
/* Per-card reveal with stagger */
function ReavealCard({ children, delay = 0 }) {
const ref = useRef(null);
const [shown, setShown] = useState(false);
useEffect(() => {
const el = ref.current; if (!el) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
setTimeout(() => setShown(true), delay);
obs.unobserve(el);
}
});
}, { threshold: 0.08 });
obs.observe(el);
return () => obs.disconnect();
}, [delay]);
return (
{children}
);
}
ReactDOM.createRoot(document.getElementById("root")).render();