\n Activities ({filtered.length})\n

\n \n \n \n

\n\n

\n {/* Summary pills */}\n

\n {TYPES.map(t => (\n setFilterType(f => f === t ? \"\" : t)}\n style={{\n cursor: \"pointer\",\n background: filterType === t ? activityColor(t) + \"22\" : undefined,\n borderColor: filterType === t ? activityColor(t) : undefined,\n color: filterType === t ? activityColor(t) : undefined,\n border: \"1px solid\",\n }}\n >\n {activityIcon(t)} {t.replace(\"_\", \" \")} {typeCounts[t] || 0}\n \n ))}\n

\n\n {loading ?

\n : filtered.length === 0 ? (\n

⚡

No activities logged

Log comments, friend requests, likes, and more.

\n \n

\n ) : (\n

\n {filtered.map(a => {\n const acc = getAccount(a.account_id);\n return (\n

\n {activityIcon(a.type)}\n

\n \n {a.type.replace(\"_\", \" \")}\n \n {acc && (\n \n {platformIcon(acc.platform)} @{acc.username}\n \n )}\n {a.target_name && (\n → {a.target_name}\n )}\n \n {formatRelative(a.done_at)}\n \n

\n {a.content && (\n

\n \"{a.content.slice(0, 120)}{a.content.length > 120 ? \"…\" : \"\"}\"\n

\n )}\n {a.target_url && (\n

\n {a.target_url.slice(0, 60)}…\n

\n )}\n

\n \n {a.status}\n \n

\n );\n })}\n

\n )}\n

\n\n {showModal && (\n setShowModal(false)}\n footer={\n <>\n \n \n \n }\n >\n

\n Account *\n \n

\n Activity Type *\n \n

\n Target Name\n setForm(f => ({ ...f, target_name: e.target.value }))} placeholder=\"Person's name / post title\" />\n

\n Target URL\n setForm(f => ({ ...f, target_url: e.target.value }))} placeholder=\"https://…\" />\n

\n Content / Comment\n