From 4bb75b8d91c784496dffb36a78828494f4d62fd7 Mon Sep 17 00:00:00 2001
From: Josh Dassinger <Joshua.Dassinger@safelite.com>
Date: Thu, 12 Dec 2024 10:28:14 -0600
Subject: [PATCH] Fix some issues caused by previous loader color changes

---
 .../button-question/button-question.vue       |  8 --------
 src/digital-components/modal/modal.vue        |  1 -
 src/layouts/tpa-submit/tpa-submit.vue         |  1 -
 src/ux-components/loader/loader.vue           | 19 +++++++++++++++++++
 4 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 70bfdea4..2a2e46fa 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -123,14 +123,6 @@ export default {
             default: 'text-center'
         },
         selectingInitiatesLoad: Boolean,
-        loaderColor: {
-            type: String,
-            default: 'blue'
-        },
-        loaderPosition: {
-            type: String,
-            default: 'right'
-        },
         isRequired: Boolean,
         isOverflowScrollable: Boolean,
         isWide: Boolean,
diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index a85118fb..8a4664e7 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -40,7 +40,6 @@
                         ref="modalButtonMain"
                         isPrimary
                         class="w-100"
-                        loaderColor="white"
                         :buttonText="footerButtonText"
                         :class="[
                             (isButtonDisabled || isFooterButtonDisabled) &&
diff --git a/src/layouts/tpa-submit/tpa-submit.vue b/src/layouts/tpa-submit/tpa-submit.vue
index 08f43bec..eded8794 100644
--- a/src/layouts/tpa-submit/tpa-submit.vue
+++ b/src/layouts/tpa-submit/tpa-submit.vue
@@ -41,7 +41,6 @@
                         ref="buttonMainOne"
                         isPrimary
                         :buttonText="forwardButtonText"
-                        loaderColor="white"
                         class="w-100 mb-5"
                         @clickEvent="forwardButtonAction" />
                     <hr class="mb-0" />
diff --git a/src/ux-components/loader/loader.vue b/src/ux-components/loader/loader.vue
index f8f82966..6db8dbc5 100644
--- a/src/ux-components/loader/loader.vue
+++ b/src/ux-components/loader/loader.vue
@@ -21,6 +21,10 @@ export default {
             type: Boolean,
             default: false
         },
+        /* Color options: red, green, blue, white, black */
+        loaderColor: {
+            type: String
+        },
         /* Position options: center, right, left (OPTIONAL, do NOT use on btn-* classes) */
         loaderPosition: {
             type: String
@@ -110,5 +114,20 @@ export default {
   &:after {
       background-color: var(--iss-loader-color);
   }
+  &.red:after {
+      background-color: $red;
+  }
+  &.green:after {
+      background-color: $green;
+  }
+  &.blue:after {
+      background-color: $blue;
+  }
+  &.white:after {
+      background-color: $white;
+  }
+  &.black:after {
+      background-color: $black;
+  }
 }
 </style>