// Hive member-app — screens
const { useState: useS, useEffect: useE, useRef: useR } = React;
// ── WELCOME / BOOT ────────────────────────────────────────────
function WelcomeScreen({ onEnter }) {
const [progress, setProgress] = useS(0);
const [booted, setBooted] = useS(false);
useE(() => {
let cur = 0;
const iv = setInterval(() => {
cur += Math.floor(Math.random() * 25) + 5;
if (cur >= 100) { cur = 100; clearInterval(iv); setTimeout(() => setBooted(true), 200); }
setProgress(cur);
}, 120);
return () => clearInterval(iv);
}, []);
return (
{!booted ? (
) : (
H I V E
FIND THE SOUND.
PRIVATE EVENTS. CURATED ACCESS.
)}
hive
what moves you?
select your frequencies
{HIVE.genres.map((g) => toggle(g)} />)}
ARTISTS
setQ(e.target.value)} placeholder="search..." style={{ background: "transparent", border: "none", outline: "none", fontFamily: "var(--font-sans)", fontSize: "var(--fs-md)", color: "var(--text-primary)", padding: "var(--sp-sm) 0", width: "100%" }} />
{HIVE.artists.slice(0, 3).map((a) => (
))}
);
}
// ── FEED ──────────────────────────────────────────────────────
function FeedScreen({ onOpen, showMatch = true }) {
return (
{HIVE.events.map((e) => onOpen(e.id)} />)}
);
}
function FeedRow({ event, onPress, showMatch = true }) {
return (
{event.name.toUpperCase()}
{event.isPrivate && PRIVATE}
{showMatch && (
{event.matchScore}%
MATCH
)}
{event.date} · {event.time} · {event.venue}
{event.collective}
{event.genres.map((g) => )}
);
}
// ── EVENT DETAIL ──────────────────────────────────────────────
function EventDetailScreen({ eventId, onBack, onRefer, onRequestPass, onOpenPass, showMatch = true }) {
const event = HIVE.events.find((e) => e.id === eventId) || HIVE.events[0];
const ps = event.passStatus; // null | 'pending' | 'approved'
return (
{showMatch && [{event.matchScore}% MATCH]
}
{event.name.toUpperCase()}
{event.date} · {event.time}
{event.genres.map((g) => )}
hosted by {event.collective}
LINEUP
{event.lineup.map((a) => {a.toUpperCase()}
)}
LOCATION
{event.address}
{!event.locationRevealed && [LOCKED — PASS REQUIRED]
}
ACCESS
ENTRY PASS
free · approved by {event.collective.toLowerCase()} · 1 entry
[FREE]
requests are reviewed by the collective. you'll get a chat message when your pass is approved.
{ps === "approved" ? (
) : ps === "pending" ? (
PASS REQUESTED · AWAITING APPROVAL
) : (
)}
);
}
// ── PROFILE ───────────────────────────────────────────────────
function ProfileScreen({ onOpenCollective, onManagePrefs, onViewHistory, onInvite }) {
const p = HIVE.profile;
const stat = (v, l, accent) => (
);
return (
{p.username.toUpperCase()}
MEMBER SINCE {p.memberSince}
{stat(p.eventsAttended, "EVENTS")}
{stat(p.referrals, "REFERRED")}
{stat(`[${p.score}]`, "SCORE", true)}
{f.genre}
{f.percent}%
))}
MY COLLECTIVES
{HIVE.myCollectives.map((c) => (
onOpenCollective && onOpenCollective(c.id)}
avatar={}
title={c.name} subtitle={`${c.handle} · ${c.members} members`}
right={›} />
))}
SETTINGS
{["NODE_POSITION: SEATTLE", "JOIN_CHANNEL: INVITE", "SESSION: 0X8F71...A13"].map((m) => (
{m}
))}
);
}
// ── INVITE ────────────────────────────────────────────────────
function InviteScreen({ onBack }) {
const inv = HIVE.invite;
return (
YOU'RE INVITED
{inv.eventName}
from {inv.from} · {inv.spotsRemaining} spots remaining
YOUR REFERRAL CODE
{inv.referralCode}
copy
you can invite up to {inv.maxInvites} friends
);
}
const backBtn = { appearance: "none", background: "none", border: "none", cursor: "pointer", fontFamily: "var(--font-sans)", fontSize: "var(--fs-xs)", color: "var(--text-secondary)", letterSpacing: "var(--ls-extra-wide)", padding: 0, marginBottom: "var(--sp-xl)" };
const secLabel = { marginTop: "var(--sp-xl)", marginBottom: "var(--sp-md)" };
function ProfileLink({ label, onPress, tone = "primary" }) {
return (
{label}
›
);
}
Object.assign(window, { WelcomeScreen, OnboardingScreen, FeedScreen, EventDetailScreen, ProfileScreen, InviteScreen });