add a dashboard

src/modules/feature/FeatureStep.vue

@@ -25,7 +25,10 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
           :key="feature.name"
           class="bin"
         >
+          <div>
             {{ feature.name }}
+          </div>
+          <div class="lead-time">{{ feature.leadTime }} days</div>
         </li>
       </ul>
     </section>
@@ -37,7 +40,10 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
           :key="feature.name"
           class="bin"
         >
+          <div>
             {{ feature.name }}
+          </div>
+          <div class="lead-time">{{ feature.leadTime }} days</div>
         </li>
       </ul>
       <div
@@ -52,6 +58,8 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
 </template>
 
 <style scoped lang="scss">
+@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
+
 .feature-step {
   header {
     padding: 0.5rem;
@@ -74,7 +82,7 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
   .bin {
     margin-top: 1rem;
     border: 3px solid var(--background-color);
-    height: 60px;
+    height: 62px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -88,5 +96,14 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
     color: white;
     font-size: 18pt;
   }
+
+  li {
+    flex-direction: column;
+  }
+
+  .lead-time {
+    font-family: 'Cutive Mono', monospace;
+    font-weight: bold;
+  }
 }
 </style>

src/modules/feature/feature-board.ts

@@ -25,5 +25,17 @@ export const createFeatureBoard = () => {
     return featureSteps
   }
 
-  return { initBoard }
+  const nextDay = (featureSteps: FeatureStep[]): FeatureStep[] => {
+    featureSteps.forEach((step) => {
+      step.featuresInProgress.forEach((feature) => feature.leadTime++)
+
+      if (step.title.toLowerCase() !== 'release') {
+        step.featuresDone.forEach((feature) => feature.leadTime++)
+      }
+    })
+
+    return featureSteps
+  }
+
+  return { initBoard, nextDay }
 }

src/utils.ts

@@ -30,3 +30,5 @@ export const pickRandomIndex = <T>(array: T[]) =>
 
 export const pickRandomElement = <T>(array: T[]) =>
   array[pickRandomIndex(array)]
+
+export const sumElements = (array: number[]) => array.reduce((a, b) => a + b, 0)