// BeHueman v2 — Shared components const { useState, useEffect, Fragment } = React; // ---------- Icons ---------- function I({ name, size = 16, sw = 1.6 }) { const props = { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: sw, strokeLinecap: 'round', strokeLinejoin: 'round' }; switch (name) { case 'Home': return ; case 'Dashboard': return ; case 'Community': return ; case 'Education': return ; case 'Fun': return ; case 'Library': return ; case 'User': return ; case 'Bell': return ; case 'Settings': return ; case 'Search': return ; case 'Plus': return ; case 'Calendar': return ; case 'MapPin': return ; case 'Users': return ; case 'Sparkle': return ; case 'Heart': return ; case 'Comment': return ; case 'Bookmark': return ; case 'Share': return ; // Share external — arrow leaving box case 'ShareExternal': return ; // Repost — curved arrow (boost/repost) case 'Repost': return ; case 'More': return ; case 'Chevron': return ; case 'ChevronDown': return ; case 'Check': return ; case 'Verified': return ; case 'Shield': return ; case 'Sliders': return ; case 'Filter': return ; case 'Send': return ; case 'Link': return ; case 'X': return ; case 'Eye': return ; case 'EyeOff': return ; case 'Grip': return ; case 'Globe': return ; case 'Briefcase': return ; case 'Award': return ; case 'Pencil': return ; case 'Layers': return ; case 'Music': return ; case 'Plane': return ; case 'Smile': return ; case 'Zap': return ; case 'Package': return ; case 'ArrowLeft': return ; case 'Image': return ; default: return ; } } // ---------- Avatar ---------- function Avatar({ author, size = 36, link = false }) { const a = typeof author === 'string' ? AppData.getAuthor(author) : author; const initials = a.name.split(' ').map(s => s[0]).slice(0,2).join(''); const onClick = link ? (e) => { e.stopPropagation(); window.openDetail && window.openDetail('author', a); } : undefined; return (
{initials}
); } function VerifiedBadge() { return ( ); } // ---------- Toggle ---------- function Toggle({ on, onChange }) { return (
onOpenDetail && onOpenDetail(post)}> {post.body.split('\n\n').map((p,i) =>

{p}

)}
{post.rec && (
{post.rec.type} · Drop-a-Find {post.rec.title} {post.rec.author}
)} {/* Actions row v2 */}
{/* 4 reaction toggles — always visible */}
{REACTIONS.map(r => ( ))}
{/* Comments */}
{/* Share external — with watermark BeHueman */} {/* Repost — boost to own wall */} {/* Bookmark */}
); } // ---------- Tile ---------- function Tile({ tile, onClick }) { return (
{tile.type}
{tile.title}
{tile.author}
); } // ---------- Row Strip (horizontal scroll) ---------- function RowStrip({ eyebrow, title, items, onSeeAll }) { return (
{eyebrow}
{title}
{items.map(t => window.openDetail && window.openDetail('course', t)}/>)}
); } // ---------- Right rail (community sidebar) ---------- function RightRail({ onOpenAuthor }) { return (
Zasady wspólnoty
  • Nie hejtujemy.
  • Szanujemy każdą perspektywę.
  • Bez gwiazdek — rozmawiamy.
  • Współpracujemy zamiast rywalizować.
Polecani autorzy
{AppData.authors.filter(a => a.role !== 'member').slice(0,4).map((a,i) => (
onOpenAuthor && onOpenAuthor(a)}>
{a.name}{a.verified && }
{a.followers} obserwujących
))}
Dlaczego tu jesteśmy
"Bądź hueman — wnoś swój odcień, nie kopiuj cudzych."
); } // ---------- Modal ---------- function Modal({ title, onClose, children, footer, wide }) { return (
e.stopPropagation()}>

{title}

{children}
{footer &&
{footer}
}
); } Object.assign(window, { I, Avatar, VerifiedBadge, Toggle, PageHeader, DomainChip, PostCard, Tile, RowStrip, RightRail, Modal, coverBg, useState, useEffect, Fragment, }); Object.assign(window, AppData);