CASH-187: Prettier

src/constants/progress-bar-mapper.js

@@ -1,26 +1,26 @@
 const pagePercentageMapper = {
-    'vehicle': 4,
-    'vehicle-damage': 16,
-    'estimate': 28,
-    'service-zip': 32,
-    'vin-lookup': 32,
-    'license-plate-lookup': 32,
-    'address-lookup': 32,
-    'address-vehicles': 36,
-    'part-questions': 40,
-    'molding-questions': 40,
-    'vehicle-parts': 40,
-    'capability-questions': 40,
-    'quote': 48,
-    'insurance-company': 52,
-    'service-location': 60,
-    'schedule': 72,
-    'customer-details': 84,
-    'payment-method': 92,
-    'payment': 96,
-    'confirmation': 100,
-}
+    "vehicle": 4,
+    "vehicle-damage": 16,
+    "estimate": 28,
+    "service-zip": 32,
+    "vin-lookup": 32,
+    "license-plate-lookup": 32,
+    "address-lookup": 32,
+    "address-vehicles": 36,
+    "part-questions": 40,
+    "molding-questions": 40,
+    "vehicle-parts": 40,
+    "capability-questions": 40,
+    "quote": 48,
+    "insurance-company": 52,
+    "service-location": 60,
+    "schedule": 72,
+    "customer-details": 84,
+    "payment-method": 92,
+    "payment": 96,
+    "confirmation": 100,
+};
 
 export const getProgressBarPercentage = (page) => {
     return pagePercentageMapper[page] || 0;
-}
+};

src/fmg-components/funnel-header/progress-bar/progres-bar.spec.js

@@ -11,7 +11,7 @@ describe("progressBar", () => {
             mixins: [mockMixin],
         });
 
-        // Assert        
+        // Assert
         expect(wrapper.vm.progress).toBe(0);
         wrapper.unmount();
     });
@@ -81,4 +81,4 @@ const mockMixin = {
     methods: {
         getProgress: jest.fn(),
     },
-};
+};

src/fmg-components/funnel-header/progress-bar/progress-bar.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="progress-bar-container">
-        <progress v-if="progress > 0" :value="progress" max="100" v-html="progress + '%' " />
+        <progress v-if="progress > 0" :value="progress" max="100" v-html="progress + '%'" />
     </div>
 </template>
 
@@ -24,37 +24,37 @@ export default {
 };
 </script>
 <style lang="scss">
-    #progress-bar-container {
-        padding: .75rem 0;
+#progress-bar-container {
+    padding: 0.75rem 0;
+    width: 100%;
+
+    progress {
+        height: 10px;
         width: 100%;
 
-        progress {
-            height: 10px;
-            width:100%;
+        /* Firefox */
+        appearance: none;
+        background-color: $blue-100;
+        border: 0;
+        border-radius: $border-radius-pill;
+        box-shadow: $box-shadow-inset;
 
-            /* Firefox */
-            appearance: none;
+        &::-moz-progress-bar {
+            background-color: $blue;
+            border-radius: $border-radius-pill;
+        }
+
+        /* Webkit */
+        -webkit-appearance: none;
+        &::-webkit-progress-bar {
             background-color: $blue-100;
-            border: 0;
             border-radius: $border-radius-pill;
             box-shadow: $box-shadow-inset;
-
-            &::-moz-progress-bar {
-                background-color: $blue;
-                border-radius: $border-radius-pill;                
-            }
-
-            /* Webkit */
-            -webkit-appearance: none;
-            &::-webkit-progress-bar {
-                background-color: $blue-100;
-                border-radius: $border-radius-pill;
-                box-shadow: $box-shadow-inset;
-            }
-            &::-webkit-progress-value {
-                background-color: $blue;
-                border-radius: $border-radius-pill; 
-            }            
+        }
+        &::-webkit-progress-value {
+            background-color: $blue;
+            border-radius: $border-radius-pill;
         }
     }
+}
 </style>