From 7e91a5c1ee15eb43d2dc6a162d556273fd6ee678 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 17 Apr 2023 23:05:28 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(step=20record)=20do=20not=20sho?=
 =?UTF-8?q?w=20blob=20in=20break=20time?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/record/components/StepRecord.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/modules/record/components/StepRecord.vue b/src/modules/record/components/StepRecord.vue
index 4e001c4..454d61f 100644
--- a/src/modules/record/components/StepRecord.vue
+++ b/src/modules/record/components/StepRecord.vue
@@ -56,7 +56,15 @@ const isSuperiorToEstimation = computed(() => {
   <tr v-if="step" class="step-record">
     <td class="td-rank">
       <div class="rank">
-        <div v-if="isCurrentStep" class="blob green"></div>
+        <template v-if="isCurrentStep">
+          <img
+            v-show="record?.breakTime"
+            src="/icons/pause.svg"
+            alt="in pause"
+            class="in-pause"
+          />
+          <div v-show="!record?.breakTime" class="blob green"></div>
+        </template>
         <span v-else>
           {{ stepNumber }}
         </span>
@@ -82,6 +90,11 @@ const isSuperiorToEstimation = computed(() => {
 $blob-size: 15px;
 $blob-color: $link;
 
+.in-pause {
+  height: $blob-size;
+  width: $blob-size;
+}
+
 .step-record {
   .status {
     text-align: center;