{# @description One activity as a list row: who did what, to what, and when. Each name links to its page where it has one. #}
{# @prop action:text | description:"The django-activity-stream action to draw." #}
{% load i18n humanize %}
<c-vars action />
<c-list.row only>
  {% firstof action.actor.get_full_name action.actor as actor_name %}
  <c-avatar placeholder="{{ actor_name|make_list|first|upper }}" class="self-start shrink-0" content_class="size-10 rounded-full bg-neutral text-neutral-content" only />
  <div class="list-col-grow min-w-0">
    <c-mvp.text tight class="break-words" only>
      <c-mvp_community.activity.name :object="action.actor" only /> {{ action.verb }}
      {% if action.action_object %}<c-mvp_community.activity.name :object="action.action_object" only />{% endif %}
      {% if action.target %}{% if action.action_object %}{% trans "in" %} {% endif %}<c-mvp_community.activity.name :object="action.target" only />{% endif %}
    </c-mvp.text>
    {% if action.description %}<c-mvp.text muted tight size="sm" class="break-words" :text="action.description" only />{% endif %}
    <c-mvp.text muted tight size="xs" only><time datetime="{{ action.timestamp|date:"c" }}" title="{{ action.timestamp|date:"DATETIME_FORMAT" }}">{{ action.timestamp|naturaltime }}</time></c-mvp.text>
  </div>
</c-list.row>