diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue index b43be23ad..b4d55d07d 100644 --- a/src/layouts/schedule/schedule.vue +++ b/src/layouts/schedule/schedule.vue @@ -262,7 +262,7 @@ export default { return timeSlots.find((timeSlot) => timeSlot.id === timeSlotId); }, timeSlotModalClosed() { - // Clear the selectedDate if no timeslot has been selected + // Clear the selectedDate if no timeSlot has been selected if (!this.selectedTimeSlotData.id) { this.selectedDate = null; } diff --git a/src/layouts/schedule/time-slot-modal-question/timeslot-modal-list-button/timeslot-modal-list-button.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-list-button/time-slot-modal-list-button.vue similarity index 98% rename from src/layouts/schedule/time-slot-modal-question/timeslot-modal-list-button/timeslot-modal-list-button.vue rename to src/layouts/schedule/time-slot-modal-question/time-slot-modal-list-button/time-slot-modal-list-button.vue index 8c0f3db0a..6fc5a81b4 100644 --- a/src/layouts/schedule/time-slot-modal-question/timeslot-modal-list-button/timeslot-modal-list-button.vue +++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-list-button/time-slot-modal-list-button.vue @@ -28,7 +28,7 @@ import baseInputButton from "@/digital-components/base-input-button/base-input-b import inputButtonWrapperMixin from "@/mixins/input-button-wrapper-mixin"; export default { - name: "timeslotModalListButton", + name: "timeSlotModalListButton", mixins: [inputButtonWrapperMixin], computed: { formattedButtonLabelSubCopy() { 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 bcfd56bb3..fdc9844e7 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 @@ -14,8 +14,8 @@ typeStyle="small" class="duration-text-block" /> { + availableTimeSlots = this.dateAndTimeSlotData.timeSlots.map((timeSlot) => { let readableTime; if (this.appointmentType === AppointmentTypeStrings.IN_SHOP) { - readableTime = this.getDisplayTextForMilitaryTime(timeslot.startTime); + readableTime = this.getDisplayTextForMilitaryTime(timeSlot.startTime); } else if (this.appointmentType === AppointmentTypeStrings.MOBILE) { readableTime = `${this.getDisplayTextForMilitaryTime( - timeslot.startTime - )} - ${this.getDisplayTextForMilitaryTime(timeslot.endTime)}`; + timeSlot.startTime + )} - ${this.getDisplayTextForMilitaryTime(timeSlot.endTime)}`; } return { - value: timeslot.id, + value: timeSlot.id, buttonLabel: readableTime, }; }); @@ -207,7 +207,7 @@ export default { const formattedPrice = "+$" + this.getTotalLineItemPrice(this.premiumAppointmentFee).toFixed(2); availableTimeSlots.unshift({ - // Unique value is required for each and the premium appoinment shares a timeslot ID + // Unique value is required for each and the premium appoinment shares a timeSlot ID value: this.addPremiumFlagToInput(this.dateAndTimeSlotData.timeSlots[0].id), buttonLabel: this.premiumAppointmentButtonText, buttonLabelSubCopy: formattedPrice,