Better reply UI on compose form

2 files changed, 18 insertions, 1 deletions

diff --git a/templates/activities/_mini_post.html b/templates/activities/_mini_post.html
new file mode 100644
index 0000000..80ed213
--- /dev/null
+++ b/templates/activities/_mini_post.html
@@ -0,0 +1,16 @@
+{% load static %}
+{% load activity_tags %}
+<div class="post mini" data-takahe-id="{{ post.id }}">
+
+    <a href="{{ post.author.urls.view }}">
+        <img src="{{ post.author.local_icon_url }}" class="icon">
+    </a>
+
+    <a href="{{ post.author.urls.view }}" class="handle">
+        {{ post.author.name_or_handle }}
+    </a>
+
+    <div class="content">
+        {{ post.safe_content_local }}
+    </div>
+</div>
diff --git a/templates/activities/compose.html b/templates/activities/compose.html
index 9d02988..1a02227 100644
--- a/templates/activities/compose.html
+++ b/templates/activities/compose.html
@@ -8,7 +8,8 @@
         <fieldset>
             <legend>Content</legend>
             {% if reply_to %}
-                <p>Replying to <a href="{{ reply_to.urls.view }}">{{ reply_to }}</a></p>
+                <label>Replying to</label>
+                {% include "activities/_mini_post.html" with post=reply_to %}
             {% endif %}
             {{ form.reply_to }}
             {% include "forms/_field.html" with field=form.text %}