From 63369f4e1915e853441c5ef59be28b8572fa80e8 Mon Sep 17 00:00:00 2001
From: Jason McCollum <jason.mccollum@woolpert.com>
Date: Thu, 13 Jun 2024 10:02:56 -0700
Subject: [PATCH] Fix code style

---
 .../post-solve-timeline-legend.component.html             | 8 +++++++-
 .../post-solve-timeline-legend.component.scss             | 6 ++++--
 .../src/app/core/selectors/routes-chart.selectors.ts      | 6 ++----
 .../containers/routes-row/routes-row.component.ts         | 6 ++++--
 .../shared/components/timeline/timeline.component.html    | 2 +-
 5 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.html b/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.html
index abbcad01..02d92310 100644
--- a/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.html
+++ b/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.html
@@ -29,7 +29,13 @@
     </div>
     <div class="percent-label">
       <svg width="100%" height="14">
-        <rect x="10%" y="3.5px" width="80%" height="7px" class="break-time" mask="url(#BreakMask)"></rect>
+        <rect
+          x="10%"
+          y="3.5px"
+          width="80%"
+          height="7px"
+          class="break-time"
+          mask="url(#BreakMask)"></rect>
       </svg>
       <div class="mat-body-strong">
         {{ formattedVehicleTimeAverages?.breakTime || 0 | number: '1.0-0' }}%
diff --git a/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.scss b/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.scss
index d6d39cfb..b5a88902 100644
--- a/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.scss
+++ b/application/frontend/src/app/core/components/post-solve-timeline-legend/post-solve-timeline-legend.component.scss
@@ -13,10 +13,12 @@
   }
 }
 
-line.driving, line.idle-time, line.service {
+line.driving,
+line.idle-time,
+line.service {
   stroke: $blue-dark;
 }
 
 rect.break-time {
   fill: $blue-dark;
-}
\ No newline at end of file
+}
diff --git a/application/frontend/src/app/core/selectors/routes-chart.selectors.ts b/application/frontend/src/app/core/selectors/routes-chart.selectors.ts
index 2fb29b11..ce698dd5 100644
--- a/application/frontend/src/app/core/selectors/routes-chart.selectors.ts
+++ b/application/frontend/src/app/core/selectors/routes-chart.selectors.ts
@@ -102,10 +102,8 @@ const selectSelectedRoutesColors = createSelector(
   }
 );
 
-const selectRouteColor = (id: number) => createSelector(
-  selectSelectedRoutesColors,
-  (colors) => colors[id]
-)
+const selectRouteColor = (id: number) =>
+  createSelector(selectSelectedRoutesColors, (colors) => colors[id]);
 
 const selectSelectedRoutesVisitIds = createSelector(
   selectSelectedRoutes,
diff --git a/application/frontend/src/app/routes-chart/containers/routes-row/routes-row.component.ts b/application/frontend/src/app/routes-chart/containers/routes-row/routes-row.component.ts
index c51d949c..df63d941 100644
--- a/application/frontend/src/app/routes-chart/containers/routes-row/routes-row.component.ts
+++ b/application/frontend/src/app/routes-chart/containers/routes-row/routes-row.component.ts
@@ -192,8 +192,10 @@ export class RoutesRowComponent implements OnChanges, OnInit, OnDestroy {
     this.range$ = this.store.pipe(select(RoutesChartSelectors.selectRange));
 
     this.color$ = this.route$.pipe(
-      switchMap((route) => this.store.pipe(select(RoutesChartSelectors.selectRouteColor(route.id)))),
-      map(color => color?.hex)
+      switchMap((route) =>
+        this.store.pipe(select(RoutesChartSelectors.selectRouteColor(route.id)))
+      ),
+      map((color) => color?.hex)
     );
   }
 
diff --git a/application/frontend/src/app/shared/components/timeline/timeline.component.html b/application/frontend/src/app/shared/components/timeline/timeline.component.html
index 68ec1a8c..61566bd2 100644
--- a/application/frontend/src/app/shared/components/timeline/timeline.component.html
+++ b/application/frontend/src/app/shared/components/timeline/timeline.component.html
@@ -56,7 +56,7 @@
           y="3.5px"
           height="7px"
           [attr.fill]="color"
-          mask="url(#BreakMask)"/>
+          mask="url(#BreakMask)" />
       </ng-template>
     </g>
   </g>