Merge pull request #1254 from Safelite/defect/CSR-1562

Fix rendered text for appointments with same minimum and maximum durations.

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;
+            const isLongAppointment = durationMaximum >= 120;
-            if (durationMaximum >= 120) {
+            const isDurationRange = durationMinimum !== durationMaximum;
-                displayTextForDurationLength = `${durationMinimum / 60} - ${
+
-                    durationMaximum / 60
+            const adjustedMinimum = isLongAppointment ? durationMinimum / 60 : durationMinimum;
-                } hours`;
+            const adjustedMaximum = isLongAppointment ? durationMaximum / 60 : durationMaximum;
-            } else {
+
-                displayTextForDurationLength = `${durationMinimum} - ${durationMaximum} minutes`;
+            const durationText = isDurationRange
-            }
+                ? `${adjustedMinimum} - ${adjustedMaximum}`
-            return displayTextForDurationLength;
+                : adjustedMinimum;
+
+            const unitText = isLongAppointment ? "hours" : "minutes";
+
+            return `${durationText} ${unitText}`;
         },
         getRelevantDropOffCmsWidgetNameForSelectedTimeSlot(
             selectedTimeSlotId,