From 437406a5780188025193f3d1e1429c5bf87863f6 Mon Sep 17 00:00:00 2001
From: silverpill <silverpill@firemail.cc>
Date: Thu, 13 Jan 2022 20:08:49 +0000
Subject: [PATCH] Change reply icon

---
 src/assets/tabler/arrow-forward.svg |  2 --
 src/components/Post.vue             | 23 ++++++++++++-----------
 2 files changed, 12 insertions(+), 13 deletions(-)
 delete mode 100644 src/assets/tabler/arrow-forward.svg

diff --git a/src/assets/tabler/arrow-forward.svg b/src/assets/tabler/arrow-forward.svg
deleted file mode 100644
index 59fda3f..0000000
--- a/src/assets/tabler/arrow-forward.svg
+++ /dev/null
@@ -1,2 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg class="icon icon-tabler icon-tabler-arrow-forward" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none" stroke="none"/><path d="m15.525 10.7 4.6 4.6-4.6 4.6m4.6-4.6h-12.65a4.6 4.6 0 0 1 0-9.2h1.15" stroke-width="2.3"/></svg>
diff --git a/src/components/Post.vue b/src/components/Post.vue
index 383e4f7..fcc4ff5 100644
--- a/src/components/Post.vue
+++ b/src/components/Post.vue
@@ -14,15 +14,6 @@
       <div class="actor-address" :title="'@' + actorAddress">
         @{{ actorAddress }}
       </div>
-      <a
-        class="icon icon-small"
-        :href="post.uri"
-        :title="'Visibility: ' + post.visibility"
-        target="_blank"
-        rel="noreferrer"
-      >
-        <visibility-icon :visibility="post.visibility"></visibility-icon>
-      </a>
       <a
         v-if="inThread && post.in_reply_to_id"
         class="icon"
@@ -33,6 +24,15 @@
       >
         <img :src="require('@/assets/tabler/corner-left-up.svg')">
       </a>
+      <a
+        class="icon icon-small"
+        :href="post.uri"
+        :title="'Visibility: ' + post.visibility"
+        target="_blank"
+        rel="noreferrer"
+      >
+        <visibility-icon :visibility="post.visibility"></visibility-icon>
+      </a>
       <a
         class="timestamp"
         @click="navigateTo(post.id)"
@@ -58,7 +58,7 @@
       <router-link
         v-if="!inThread"
         class="icon"
-        title="View comments"
+        title="View replies"
         :to="{ name: 'post', params: { postId: post.id }}"
       >
         <img :src="require('@/assets/forkawesome/comment-o.svg')">
@@ -70,7 +70,8 @@
         title="Reply"
         @click="commentFormVisible = !commentFormVisible"
       >
-        <img :src="require('@/assets/tabler/arrow-forward.svg')">
+        <img :src="require('@/assets/forkawesome/comment-o.svg')">
+        <span>{{ post.replies_count }}</span>
       </a>
       <a
         v-if="canRepost()"