From dc323d3e752e45a8c60f5a9c603e4a2276a5642c Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 29 Aug 2023 23:21:44 +0200
Subject: [PATCH] tag steps added afterward

---
 src/modules/record/components/StepRecord.vue | 8 +++++++-
 src/modules/task/interfaces/stepable.ts      | 1 +
 src/modules/task/stores/useTask.store.ts     | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/modules/record/components/StepRecord.vue b/src/modules/record/components/StepRecord.vue
index bbe0426..7d63c21 100644
--- a/src/modules/record/components/StepRecord.vue
+++ b/src/modules/record/components/StepRecord.vue
@@ -63,7 +63,7 @@ const isSuperiorToEstimation = computed(() => {
 
 <template>
   <tr v-if="step" class="step-record">
-    <td class="td-rank">
+    <td class="td-rank" :class="{ 'added-afterward': step.addedAfterward }">
       <div class="rank">
         <template v-if="isCurrentStep">
           <img
@@ -113,6 +113,12 @@ $blob-color: $link;
     }
   }
 
+  .td-rank {
+    &.added-afterward {
+      background: #fbc124;
+    }
+  }
+
   .rank {
     text-align: right;
     display: flex;
diff --git a/src/modules/task/interfaces/stepable.ts b/src/modules/task/interfaces/stepable.ts
index 2036036..cca1f24 100644
--- a/src/modules/task/interfaces/stepable.ts
+++ b/src/modules/task/interfaces/stepable.ts
@@ -5,4 +5,5 @@ export interface Stepable {
    * estimation in minutes
    */
   estimation: number
+  addedAfterward?: boolean
 }
diff --git a/src/modules/task/stores/useTask.store.ts b/src/modules/task/stores/useTask.store.ts
index e765f98..49090b3 100644
--- a/src/modules/task/stores/useTask.store.ts
+++ b/src/modules/task/stores/useTask.store.ts
@@ -32,7 +32,7 @@ export const useTaskStore = defineStore('task-store', {
 
       const newSteps = [
         ...task.steps.slice(0, fromStepIndex + 1),
-        ...steps,
+        ...steps.map((step) => ({ ...step, addedAfterward: true })),
         ...task.steps.slice(fromStepIndex + 1)
       ]