From a27ea99ff3ae7898c4e2cac394a45d95b2c6b3c9 Mon Sep 17 00:00:00 2001
From: Jonas Sulzer <jonas@violoncello.ch>
Date: Tue, 23 Apr 2019 12:03:45 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A6=20NEW:=20different=20icon=20if=20p?=
 =?UTF-8?q?ost=20is=20boosted?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jonas Sulzer <jonas@violoncello.ch>
---
 css/style.scss                   | 1 +
 img/boosted.svg                  | 5 +++++
 src/components/TimelineEntry.vue | 4 +++-
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 img/boosted.svg

diff --git a/css/style.scss b/css/style.scss
index 00394985..1af3588d 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -1,3 +1,4 @@
 @include icon-black-white('reply', 'social', 1);
 @include icon-black-white('boost', 'social', 1);
+@include icon-black-white('boosted', 'social', 1);
 @include icon-black-white('emoji', 'social', 1);
diff --git a/img/boosted.svg b/img/boosted.svg
new file mode 100644
index 00000000..7472386b
--- /dev/null
+++ b/img/boosted.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <path
+     d="M 3.7033898,2.5508475 6,5 H 4 v 6.349874 C 3.9978062,11.766594 4.1753909,11.975633 4.6261562,12 h 3.4077421 l -0.025432,-1.545142 1.5463604,1.600873 c 0.5174923,0.535735 0.4814593,1.411546 -0.076298,1.970562 L 8.039123,15.624262 8,14 H 4.0269132 C 2.8202842,13.979992 2.0239697,13.221832 2,12.021026 V 5 H 0 L 2.3898306,2.5932203 C 2.7981432,2.198722 3.2806083,2.1519552 3.7033898,2.5508475 Z M 7.9819172,2 H 12.00883 C 13.27311,1.9987847 13.952061,2.5865479 14,3.9432301 V 11 h 2 l -2.254237,2.254237 c -0.422373,0.454494 -0.950419,0.456361 -1.415255,0.0085 L 10,11 h 2 V 4.470564 C 11.997141,4.0566741 11.865895,3.9908781 11.457527,4 H 8.0298567 l -0.078698,1.5143026 c 0,0 -0.7302906,-0.7898264 -1.4873627,-1.607871 C 6.0091032,3.415119 5.950808,2.7247094 6.4726816,2.1227079 7.1186649,1.3775409 7.9652831,0.48422118 7.9652831,0.48422118 Z" />
+</svg>
diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue
index 2adbd272..38bd8a70 100644
--- a/src/components/TimelineEntry.vue
+++ b/src/components/TimelineEntry.vue
@@ -27,7 +27,8 @@
 				<div class="post-message" v-html="formatedMessage" />
 				<div v-click-outside="hidePopoverMenu" class="post-actions">
 					<a v-tooltip.bottom="t('social', 'Reply')" class="icon-reply" @click.prevent="reply" />
-					<a v-if="this.item.actor_info.account !== this.cloudId" v-tooltip.bottom="t('social', 'Boost')" class="icon-boost"
+					<a v-if="this.item.actor_info.account !== this.cloudId" v-tooltip.bottom="t('social', 'Boost')"
+						:class="(item.action.values.boosted === true) ? 'icon-boosted' : 'icon-boost'"
 						@click.prevent="boost" />
 					<div v-if="popoverMenu.length > 0" v-tooltip.bottom="t('social', 'More actions')" class="post-actions-more">
 						<a class="icon-more" @click.prevent="togglePopoverMenu" />
@@ -176,6 +177,7 @@ export default {
 		}
 		.icon-reply,
 		.icon-boost,
+		.icon-boosted,
 		.icon-more {
 			display: inline-block;
 			width: 44px;