onAuthorClick && onAuthorClick(a)} style={{cursor: onAuthorClick?'pointer':'default'}}>

onAuthorClick && onAuthorClick(a)}>{a.name} {a.verified && } · @{a.handle}

· {post.time} {isForeign && · {post.lang.toUpperCase()}}

onOpenDetail && onOpenDetail(post)} style={{cursor: onOpenDetail?'pointer':'default'}}> {(translated && post.translated || post.body).split('\n\n').map((p,i) =>
{p}
)}
{isForeign && ( )} {post.rec && (

{post.rec.type} {post.rec.title} {post.rec.author}

)}

{showAddTo && setShowAddTo(false)}/>}
); } // ===================================================================== // SPONSORED POST CARD // ===================================================================== function SponsoredPostCard({ post }) { return (

{post.brand} SPONSOROWANE

{post.meta}

{post.title}

{post.body}

); } // ===================================================================== // LOCKED PRODUCT POST CARD // ===================================================================== function LockedPostCard({ post }) { const a = AppData.getAuthor(post.authorId); const [unlocking, setUnlocking] = useState(false); const [unlocked, setUnlocked] = useState(false); return (

{a.name} {a.verified && }

· {post.time}

{post.preview}
{!unlocked && (

🔒

{post.productTitle}

{post.buyers} osób już kupiło

Płatność jednorazowa · Dostęp na zawsze

)}
); } // ===================================================================== // ADD TO LIBRARY modal // ===================================================================== function AddToLibraryModal({ onClose }) { const libs = [ { name:'Do przeczytania', count:14, system:true }, { name:'Ulubione', count:8, system:true }, { name:'Święta geometria', count:5 }, { name:'Joga rano', count:7 }, ]; const [pick, setPick] = useState(libs[0].name); const [creating, setCreating] = useState(false); const [newName, setNewName] = useState(''); return ( }> {!creating ? <>
{libs.map(l => ( ))}
: <>

Nazwa biblioteki
setNewName(e.target.value)} placeholder="np. Praktyki na wieczór" autoFocus/>

Prywatność

} ); } // ===================================================================== // POST DETAIL — full thread with comments // ===================================================================== function PostDetail({ post, onClose }) { const a = AppData.getAuthor(post.authorId); const [comments, setComments] = useState(FeedExtras.getComments(post.id)); const [draft, setDraft] = useState(''); const [replyingTo, setReplyingTo] = useState(null); const [liked, setLiked] = useState(false); const send = () => { if (!draft.trim()) return; if (replyingTo) { setComments(cs => cs.map(c => c.id === replyingTo ? { ...c, replies:[...c.replies, { id:'r-'+Date.now(), authorId:'me', time:'teraz', text: draft, likes:0 }] } : c)); } else { setComments(cs => [{ id:'n-'+Date.now(), authorId:'me', time:'teraz', text: draft, likes:0, replies:[] }, ...cs]); } setDraft(''); setReplyingTo(null); }; return (

e.stopPropagation()} style={{maxWidth:680, maxHeight:'90vh', display:'flex', flexDirection:'column'}}>

Wątek

{/* Original post */}

{a.name} {a.verified && }

· {post.time}

{post.body.split('\n\n').map((p,i) =>
{p}
)}

{/* Comments */}

Komentarze ({comments.length})
{comments.map(c => setReplyingTo(c.id)}/>)}

{/* Reply box */}
{replyingTo && (
Odpowiadasz {AppData.getAuthor(comments.find(c=>c.id===replyingTo)?.authorId)?.name}
)}
setDraft(e.target.value)} onKeyDown={e=>e.key==='Enter'&&send()} placeholder="Napisz komentarz…"/>

); } function CommentItem({ c, onReply, indent = 0 }) { const a = AppData.getAuthor(c.authorId); const [liked, setLiked] = useState(false); return (

{a.name} {a.verified && } · {c.time}

{c.text}

{onReply && }
{c.replies && c.replies.map(r => )}

); } // ===================================================================== // ENHANCED COMMUNITY SCREEN (v1 — superseded by screens-ff1.jsx v2) // Kept here for reference; NOT exported to FF1.Community // ===================================================================== const EnhancedCommunityScreen = function Community({ phase, onOpenComposer, onNav }) { const [tab, setTab] = useState('all'); const [detail, setDetail] = useState(null); const [, setApp] = window.__app.use(); const order = { FF1:1, FF2:2, FF3:3, GL:4 }; const showSponsored = order[phase] >= 4; const showLocked = order[phase] >= 4; // Build feed mixing posts + sponsored + locked const feedItems = []; const posts = AppData.posts; posts.forEach((p, i) => { feedItems.push({ kind:'post', post: p }); if (showSponsored && i === 1) feedItems.push({ kind:'sponsored', post: FeedExtras.sponsoredPost }); if (showLocked && i === 2) feedItems.push({ kind:'locked', post: FeedExtras.lockedPost }); }); return (

Nowy post } />
{[ ['all','Wszystkie posty'], ['for-you','Dla Ciebie'], ['follow','Od obserwowanych'], ...(order[phase] >= 2 ? [['groups','Z grup które obserwuję']] : []), ].map(([k,l]) => ( ))}

{feedItems.map((it, i) => { if (it.kind === 'sponsored') return ; if (it.kind === 'locked') return ; return ; })}

{detail && setDetail(null)}/>}
); }; Object.assign(window, { EnhancedPostCard, SponsoredPostCard, LockedPostCard, AddToLibraryModal, PostDetail, CommentItem, FeedExtras });