👀

No activity yet. Add some HN users or items to watch!

\n );\n }\n\n return (\n

\n {events.map((event: any) => {\n const data = typeof event.event_data === \"string\" ? JSON.parse(event.event_data) : event.event_data;\n const icon = EVENT_ICONS[event.event_type] || \"📋\";\n\n let title = event.entity_id;\n let body = \"\";\n let details: any = null;\n let url = \"\";\n\n if (event.entity_type === \"user\") {\n url = `https://news.ycombinator.com/user?id=${event.entity_id}`;\n\n if (event.event_type === \"karma_change\") {\n const sign = data.delta > 0 ? \"+\" : \"\";\n body = `Karma: ${data.prev} → ${data.current} (${sign}${data.delta})`;\n } else if (event.event_type === \"new_submission\") {\n if (data.item_type === \"comment\") {\n title = `${event.entity_id} commented`;\n body = data.text ? stripHtml(data.text).slice(0, 150) : \"New comment\";\n if (data.parent) url = `https://news.ycombinator.com/item?id=${data.parent}`;\n } else {\n title = `${event.entity_id} posted`;\n body = data.title || `New ${data.item_type || \"submission\"}`;\n if (data.url) details = { externalUrl: data.url };\n }\n if (data.item_id) url = `https://news.ycombinator.com/item?id=${data.item_id}`;\n } else if (event.event_type === \"profile_edit\") {\n body = \"Updated their profile bio\";\n if (data.new_about) {\n details = { newAbout: stripHtml(data.new_about).slice(0, 150) };\n }\n }\n } else {\n // Item events\n url = `https://news.ycombinator.com/item?id=${event.entity_id}`;\n title = data.item_title || `Item #${event.entity_id}`;\n\n if (event.event_type === \"score_change\") {\n const sign = data.delta > 0 ? \"+\" : \"\";\n body = `Score: ${data.prev} → ${data.current} (${sign}${data.delta})`;\n } else if (event.event_type === \"new_comment\") {\n body = `${data.delta} new comment${data.delta > 1 ? \"s\" : \"\"} (${data.current} total)`;\n if (data.new_comments?.length > 0) {\n details = { comments: data.new_comments };\n }\n } else if (event.event_type === \"item_edit\") {\n body = \"Content was edited\";\n }\n }\n\n return (\n

{icon}

{title}

{body}

\n\n {/* Rich details for new comments */}\n {details?.comments && (\n

\n {details.comments.map((c: any, i: number) => (\n \n {c.by}\n \n {c.text.slice(0, 150)}{c.text.length > 150 ? \"...\" : \"\"}\n \n

\n ))}\n

\n )}\n\n {/* External URL for stories */}\n {details?.externalUrl && (\n

\n \n {details.externalUrl.slice(0, 80)}{details.externalUrl.length > 80 ? \"...\" : \"\"}\n \n

\n )}\n\n {/* New profile bio */}\n {details?.newAbout && (\n \n \"{details.newAbout}\"\n

\n )}\n\n

{timeAgo(event.detected_at)}

\n {url && (\n \n View →\n \n )}\n \n );\n })}\n \n );\n}\n","deleted","label",[181,182,162],"frontend","components","permalink","https://www.val.town/x/paulkinlan/hn-watcher/code/frontend/components/ActivityFeed.tsx","extension","actionData","errors"]