onOpenPass(p.id) : undefined}
avatar={}
title={p.eventName}
subtitle={`${p.date} · ${p.time} · ${p.collective.toLowerCase()}`}
right={
{p.status === "approved" && !p.isPast ? [QR] › : null}
} />
);
return (
{active.length ? ACTIVE{active.map((p) => |
)} : null}
{pending.length ? AWAITING APPROVAL{pending.map((p) => |
)} : null}
{archive.length ? ARCHIVE{archive.map((p) => |
)} : null}
);
}
function PassDetailScreen({ passId, onBack }) {
const p = HIVE.passes.find((x) => x.id === passId) || HIVE.passes.find((x) => x.status === "approved");
return (
[ APPROVED PASS ]
{p.eventName}
{p.date} · {p.time} · {p.collective.toLowerCase()}
{p.code}
{p.entry}
present this code at the door. non-transferable. screenshots are voided — the code rotates.
);
}
// ══ COLLECTIVES ═══════════════════════════════════════════════
function CollectivesScreen({ onOpen }) {
const inv = HIVE.pendingInvitations, mine = HIVE.myCollectives, app = HIVE.pendingApplications;
return (
{inv.length ? (
PENDING INVITATIONS
{inv.map((c) => (
onOpen(c.id)} avatar={}
title={c.name} subtitle={`invited by ${c.invitedBy} · ${c.members} members`}
right={} />
))}
) : null}
YOUR COLLECTIVES
{mine.map((c) => (
onOpen(c.id)} avatar={}
title={c.name} subtitle={`${c.handle} · ${c.members} members`}
right={›} />
))}
{app.length ? (
PENDING APPLICATIONS
{app.map((c) => (
onOpen(c.id)} avatar={}
title={c.name} subtitle={`applied ${c.appliedDate} · ${c.members} members`}
right={} />
))}
) : null}
hive is invite-only. you can't browse collectives — you only see one once a member invites you, or after you're approved.
);
}
function CollectiveDetailScreen({ collectiveId, onBack, onOpenChat }) {
const all = [...HIVE.myCollectives, ...HIVE.pendingInvitations, ...HIVE.pendingApplications];
const c = all.find((x) => x.id === collectiveId) || HIVE.myCollectives[0];
const events = HIVE.events.filter((e) => e.collective === c.name);
const isMember = c.status === "member";
const isInvited = c.status === "invited";
return (
{c.name}
{c.handle} · {c.members} MEMBERS · {(c.location || "").toUpperCase()}
{(c.genres || []).map((g) => )}
{c.about ? {c.about}
: null}
{isInvited ? (
YOU'VE BEEN INVITED TO JOIN
) : isMember ? (
onOpenChat(c.name)} />
UPCOMING
{events.length ? events.map((e) => (
: ›} />
)) : no events scheduled.
}
) : (
APPLICATION PENDING
)}
);
}
// ══ CHAT ══════════════════════════════════════════════════════
function ChatListScreen({ onOpen }) {
return (
direct line to each collective you've joined.
{HIVE.chats.map((ch) => (
onOpen(ch.id)} avatar={ 0} />}
title={ch.collective}
subtitle={ch.lastMessage}
right={
{ch.lastTime}
{ch.unread > 0 ? : null}
} />
))}
);
}
function ChatThreadScreen({ chatId, collectiveName, onBack }) {
const ch = HIVE.chats.find((x) => x.id === chatId) || HIVE.chats.find((x) => x.collective === collectiveName) || HIVE.chats[0];
const scroller = useR2(null);
useE2(() => { if (scroller.current) scroller.current.scrollTop = scroller.current.scrollHeight; }, []);
return (
{/* header */}
{ch.collective}
● COLLECTIVE · DIRECT
{/* messages */}
{ch.messages.map((m, i) => )}
{/* input */}
hive builds your taste graph from where you've actually been. sync your history to sharpen your feed.
SYNC SOURCES
{h.sources.map((s) => (
{s.name}
{s.count ?
{s.count} events imported
: null}
{s.status === "synced"
?
:
CONNECT}
))}
SYNCED TIMELINE
{h.items.map((it, i) => (
{it.date}
{it.name}
{it.collective === "external" ? it.genre : `${it.collective.toLowerCase()} · ${it.genre}`}
))}
);
}
// ══ PREFERENCES ═══════════════════════════════════════════════
function PreferencesScreen({ onBack }) {
const pr = HIVE.preferences;
const [genres, setGenres] = useS2(pr.genres);
const [notify, setNotify] = useS2(pr.notify);
const [privacy, setPrivacy] = useS2(pr.privacy);
const toggleGenre = (g) => setGenres((p) => p.includes(g) ? p.filter((x) => x !== g) : [...p, g]);
const Toggle = ({ label, val, onSet, desc }) => (
{label}
{desc ?
{desc}
: null}
);
return (
PREFERENCES
FREQUENCIES
{HIVE.genres.map((g) => toggleGenre(g)} />)}
NOTIFICATIONS
setNotify({ ...notify, newEvents: !notify.newEvents })} />
setNotify({ ...notify, passUpdates: !notify.passUpdates })} />
setNotify({ ...notify, chat: !notify.chat })} />
setNotify({ ...notify, recommendations: !notify.recommendations })} />
PRIVACY
setPrivacy({ ...privacy, discoverable: !privacy.discoverable })} />
setPrivacy({ ...privacy, shareHistory: !privacy.shareHistory })} />
);
}
Object.assign(window, {
PassesScreen, PassDetailScreen, CollectivesScreen, CollectiveDetailScreen,
ChatListScreen, ChatThreadScreen, HistoryScreen, PreferencesScreen,
});