From 04c241b1182d2dea1c2d6577ee4085d909c17f52 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 9 May 2023 08:44:19 -0400
Subject: [PATCH] WIP

---
 .../textarea-question/textarea-question.vue          | 10 +++++++---
 src/layouts/customer-details/customer-details.vue    | 12 ++++--------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue
index 3c72b9862..468efde4c 100644
--- a/src/digital-components/textarea-question/textarea-question.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="textarea-question">
-        <label for="textarea-comments" class="fw-bold mb-1">{{ labelText }} <span class="fw-normal">{{ labelTextOptional }}</span></label>
+        <label for="textarea-comments" class="fw-bold mb-1">{{ labelText }} <span v-if="isRequired" class="fw-normal">(Optional)</span></label>
         <textarea
             id="textarea-comments"
             class="p-4"
@@ -9,8 +9,8 @@
             contenteditable="true"
             aria-multiline="true"
             aria-required="false"></textarea>
-        <p tabindex="0" v-show="footerText" class="caption mt-2 mb-0" id="charactersremaining">
-            {{ textAreaFooterText }}
+        <p tabindex="0" class="caption mt-2 mb-0" id="charactersremaining">
+            250/250 characters remaining
         </p>
     </div>
 </template>
@@ -19,6 +19,10 @@
 export default {
     name: "textareaquestion",
     props: {
+        cmsWidgetName: String,
+        isRequired: Boolean,
+        maxLength: Number,
+        modelValue: String,
         labelText: String,
         labelTextOptional: String,
         textAreaFooterText: String,
diff --git a/src/layouts/customer-details/customer-details.vue b/src/layouts/customer-details/customer-details.vue
index 080c3f3dc..936c8eb12 100644
--- a/src/layouts/customer-details/customer-details.vue
+++ b/src/layouts/customer-details/customer-details.vue
@@ -1,11 +1,10 @@
 <template>
     <textareaquestion
         cmsWidgetName="CustomerDetailsTextAreaLabelText"
-        :labelText=textAreaLabelCopy
-        :labelTextOptional=textAreaLabelCopyOptional
+        :labelText="textAreaLabelCopy"
+        :labelTextOptional="textAreaLabelCopyOptional"
         textAreaLabelText
-        textAreaFooterText="250/250 characters remaining"
-        footerText
+        isRequired
      />
 </template>
 
@@ -43,10 +42,7 @@ export default {
     computed: {
         textAreaLabelCopy() {
             return this.getCmsContent("CustomerDetailsTextAreaLabelText", "HeaderText");
-        },
-        textAreaLabelCopyOptional() {
-            return this.getCmsContent("CustomerDetailsTextAreaLabelText", "SubheaderText");
-        },
+        }
     }
 };
 </script>