);
}
function Rail({ tag, setTag, posts, go }) {
return (
);
}
function TopicLink({ active, onClick, label, count }) {
return (
);
}
function PostCard({ post, go }) {
if (post.source === "linkedin") return ;
if (post.source === "x") return ;
return (
go({ name: "post", id: post.id })} style={{ padding: "26px 0", borderBottom: "1px solid var(--rule-2)", cursor: "pointer" }}>
{post.date}·{fmtTagP(post.tag)}·{post.minutes} min
{post.title}
{post.excerpt}
);
}
function LinkedInCard({ post, go }) {
return (
go({ name: "post", id: post.id })} className="post-card linkedin" style={{ margin: "20px 0", cursor: "pointer" }}>
VK
Veda Konduru
{post.date} · imported from LinkedIn
{post.title}
{post.excerpt}
👍 412💬 38↗ 22 reposts{fmtTagP(post.tag)}
);
}
function XCard({ post, go }) {
return (
go({ name: "post", id: post.id })} className="post-card x" style={{ margin: "20px 0", cursor: "pointer" }}>
@vedakonduru· {post.date}
{post.title}{"\n\n"}{post.excerpt}
💬 14🔁 89♡ 612{fmtTagP(post.tag)}
);
}
// ───────────────────────── post detail ─────────────────────────
function PostPage({ postId, go, comments, setComments }) {
const post = window.POSTS.find(p => p.id === postId) || window.POSTS[0];
const body = post.body || [
post.excerpt,
"More of this essay is in the works. This is a prototype — the real content will live here, set in Newsreader with all the breath an idea this size deserves.",
"If something here resonates, scroll down and leave a comment. If it doesn't, that's a kind of resonance too — tell me where it broke.",
];
const pComments = comments[postId] || [];
const [draft, setDraft] = useState("");
const [name, setName] = useState("");
function submit(e) {
e.preventDefault();
if (!draft.trim()) return;
const next = { ...comments, [postId]: [{ author: name || "Anonymous reader", when: "just now", text: draft.trim() }, ...pComments] };
setComments(next);
setDraft(""); setName("");
}
return (
{post.date}·{fmtTagP(post.tag)}·{post.minutes} min
{post.source !== "native" && }