From de4ebbac7b8e767558cfeb6dabb9b809f42966c9 Mon Sep 17 00:00:00 2001
From: Skander KRATOU <kr.skander.k@gmail.com>
Date: Thu, 5 May 2022 22:50:50 +0100
Subject: [PATCH] Habit streak Fix  (#13947)

* Fixes Issue13749

* If a value is at 0 the other value won't show a +/-

* Fix for the negative habits

* Fix : Habits values will always have signs except if the habit is one sided or the values are null

* fix(tasks): tighten margen when 0 as well

Co-authored-by: SabreCat <sabe@habitica.com>
---
 website/client/src/components/tasks/task.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/website/client/src/components/tasks/task.vue b/website/client/src/components/tasks/task.vue
index 963c3f85f0..cc8f40bde9 100644
--- a/website/client/src/components/tasks/task.vue
+++ b/website/client/src/components/tasks/task.vue
@@ -268,17 +268,33 @@
                 <span v-if="task.type === 'daily'">{{ task.streak }}</span>
                 <span v-if="task.type === 'habit'">
                   <span
-                    v-if="task.up"
+                    v-if="task.up && task.counterUp != 0 && task.down"
                     class="m-0"
                   >+{{ task.counterUp }}</span>
+                  <span
+                    v-else-if=" task.counterUp !=0 && task.counterDown ==0"
+                    class="m-0"
+                  >{{ task.counterUp }}</span>
+                  <span
+                    v-else-if="task.up"
+                    class="m-0"
+                  >0</span>
                   <span
                     v-if="task.up && task.down"
                     class="m-0"
                   >&nbsp;|&nbsp;</span>
                   <span
-                    v-if="task.down"
+                    v-if="task.down && task.counterDown != 0 && task.up"
                     class="m-0"
                   >-{{ task.counterDown }}</span>
+                  <span
+                    v-else-if="task.counterDown !=0 && task.counterUp ==0"
+                    class="m-0"
+                  >{{ task.counterDown }}</span>
+                  <span
+                    v-else-if="task.down"
+                    class="m-0"
+                  >0</span>
                 </span>
               </div>
               <div