From 689b27ff9621b22b7228629a7f106c31ca0cf194 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 19 Jul 2023 16:30:43 -0400
Subject: [PATCH] Initial fix

---
 .../time-slot-modal-question.vue              | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
index eff2358f0..b278578be 100644
--- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
+++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
@@ -319,15 +319,19 @@ export default {
             return `${hours}:${minutes} ${meridianNotation}`;
         },
         getDisplayTextForDurationLength(durationMinimum, durationMaximum) {
-            let displayTextForDurationLength;
-            if (durationMaximum >= 120) {
-                displayTextForDurationLength = `${durationMinimum / 60} - ${
-                    durationMaximum / 60
-                } hours`;
-            } else {
-                displayTextForDurationLength = `${durationMinimum} - ${durationMaximum} minutes`;
-            }
-            return displayTextForDurationLength;
+            const isLongAppointment = durationMaximum >= 120;
+            const isDurationRange = durationMinimum !== durationMaximum;
+
+            const adjustedMinimum = isLongAppointment ? durationMinimum / 60 : durationMinimum;
+            const adjustedMaximum = isLongAppointment ? durationMaximum / 60 : durationMaximum;
+
+            const durationText = isDurationRange
+                ? `${adjustedMinimum} - ${adjustedMaximum}`
+                : adjustedMinimum;
+
+            const unitText = isLongAppointment ? "hours" : "minutes";
+
+            return `${durationText} ${unitText}`;
         },
         getRelevantDropOffCmsWidgetNameForSelectedTimeSlot(
             selectedTimeSlotId,