// Social feed screens const PostCardFull = ({ post, onLike, onOpen, onOpenUser }) => (
{post.user.handle} {post.caption}
{post.comments > 0 && ( )}
); const FeedList = ({ posts, onLike, onOpen, onOpenUser }) => (
{posts.map((p) => ( ))}
); const FeedGrid = ({ posts, onOpen }) => (
{posts .concat(posts) .concat(posts) .slice(0, 12) .map((p, i) => ( ))}
); const FeedCompact = ({ posts, onLike, onOpen }) => (
{posts.map((p) => (
{p.user.handle} {p.time}
{p.caption}
onLike(p.id)} > {p.liked ? ( ) : ( )}{" "} {p.likes} {p.comments}
))}
); const FeedScreen = ({ layout, posts, onLike, onOpen, onOpenUser, onCreate, onNotifications, }) => { return (
{/* Title bar */}
IBMEC
Mural
FORMA TOUR
{layout === "list" && ( )} {layout === "grid" && } {layout === "compact" && ( )}
); }; const PostDetailScreen = ({ post, onBack, onLike, onOpenUser }) => { const [newComment, setNewComment] = React.useState(""); const [comments, setComments] = React.useState(COMMENTS); const submit = () => { if (!newComment.trim()) return; setComments([ ...comments, { id: "c" + Date.now(), user: CURRENT_USER.name, avatar: CURRENT_USER.avatar, color: CURRENT_USER.color, time: "agora", text: newComment, likes: 0, }, ]); setNewComment(""); }; return (
} />
{" "} {comments.length}
{post.user.handle} {" "} {post.caption}
{comments.length} COMENTÁRIOS
{comments.map((c) => (
{c.user} {c.text}
{c.time} {c.likes} curtidas Responder
))}
setNewComment(e.target.value)} onKeyDown={(e) => e.key === "Enter" && submit()} placeholder={`Comentar como @${CURRENT_USER.handle}…`} style={{ padding: "10px 14px", fontSize: 13 }} />
); }; const CreatePostScreen = ({ onBack, onPost }) => { const [caption, setCaption] = React.useState(""); const [selected, setSelected] = React.useState(null); // null until user picks / takes const fileRef = React.useRef(null); const pick = () => { // Simulate picking from library — cycle through placeholder gradients const gradients = [ "ph-gradient-1", "ph-gradient-2", "ph-gradient-3", "ph-gradient-4", "ph-gradient-5", "ph-gradient-6", ]; const idx = selected ? (gradients.indexOf(selected) + 1) % gradients.length : 0; setSelected(gradients[idx]); }; const capture = () => { const gradients = ["ph-gradient-3", "ph-gradient-4", "ph-gradient-6"]; setSelected(gradients[Math.floor(Math.random() * gradients.length)]); }; return (
Nova publicação
{selected ? (
) : (
Adicione uma foto
Tire uma nova ou escolha da galeria
)}