From 0c5ac3ef69a950ea62c8accd3540f864180621e7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 8 May 2023 09:22:45 -0400
Subject: [PATCH] WIP rename and move to digital-components.

---
 .../textarea-question/textarea-question.spec.js}     |  0
 .../textarea-question/textarea-question.vue}         | 10 ++++------
 src/layouts/customer-details/customer-details.vue    | 12 ++++++++----
 3 files changed, 12 insertions(+), 10 deletions(-)
 rename src/{ux-components/text-area/text-area-multi-line.spec.js => digital-components/textarea-question/textarea-question.spec.js} (100%)
 rename src/{ux-components/text-area/text-area-multi-line.vue => digital-components/textarea-question/textarea-question.vue} (86%)

diff --git a/src/ux-components/text-area/text-area-multi-line.spec.js b/src/digital-components/textarea-question/textarea-question.spec.js
similarity index 100%
rename from src/ux-components/text-area/text-area-multi-line.spec.js
rename to src/digital-components/textarea-question/textarea-question.spec.js
diff --git a/src/ux-components/text-area/text-area-multi-line.vue b/src/digital-components/textarea-question/textarea-question.vue
similarity index 86%
rename from src/ux-components/text-area/text-area-multi-line.vue
rename to src/digital-components/textarea-question/textarea-question.vue
index c5d285193..3c72b9862 100644
--- a/src/ux-components/text-area/text-area-multi-line.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -1,8 +1,6 @@
 <template>
-    <div class="text-area-multine">
-        <label for="textarea-comments" class="fw-bold mb-1"
-            >{{ labelText }} <span class="fw-normal">{{ labelTextOptional }}</span></label
-        >
+    <div class="textarea-question">
+        <label for="textarea-comments" class="fw-bold mb-1">{{ labelText }} <span class="fw-normal">{{ labelTextOptional }}</span></label>
         <textarea
             id="textarea-comments"
             class="p-4"
@@ -19,7 +17,7 @@
 
 <script>
 export default {
-    name: "textareamultiline",
+    name: "textareaquestion",
     props: {
         labelText: String,
         labelTextOptional: String,
@@ -42,7 +40,7 @@ export default {
 </script>
 
 <style lang="scss">
-.text-area-multine {
+.textarea-question {
     display: flex;
     flex-direction: column;
     label {
diff --git a/src/layouts/customer-details/customer-details.vue b/src/layouts/customer-details/customer-details.vue
index 723fd8a8a..080c3f3dc 100644
--- a/src/layouts/customer-details/customer-details.vue
+++ b/src/layouts/customer-details/customer-details.vue
@@ -1,7 +1,8 @@
 <template>
-    <textareamultiline
+    <textareaquestion
         cmsWidgetName="CustomerDetailsTextAreaLabelText"
         :labelText=textAreaLabelCopy
+        :labelTextOptional=textAreaLabelCopyOptional
         textAreaLabelText
         textAreaFooterText="250/250 characters remaining"
         footerText
@@ -9,7 +10,7 @@
 </template>
 
 <script>
-import textareamultiline from "@/ux-components/text-area/text-area-multi-line";
+import textareaquestion from "@/digital-components/textarea-question/textarea-question";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
@@ -18,7 +19,7 @@ import { getDamageString, isGlassAvailableForCarId } from "@/helpers/damage-help
 export default {
     name: "customer-details",
     components: {
-        textareamultiline
+        textareaquestion
     },
     async beforeRouteEnter(to, from, next) {
         // Call APIs
@@ -41,7 +42,10 @@ export default {
     },
     computed: {
         textAreaLabelCopy() {
-            return this.getCmsContent("CustomerDetailsTextAreaLabelText");
+            return this.getCmsContent("CustomerDetailsTextAreaLabelText", "HeaderText");
+        },
+        textAreaLabelCopyOptional() {
+            return this.getCmsContent("CustomerDetailsTextAreaLabelText", "SubheaderText");
         },
     }
 };