feat(appointments): add duplicate indicator to modal title

Signed-off-by: Abhinav Ohri <[email protected]>

Author: abhinavohri

src/components/AppNavigation/AppointmentConfigList/AppointmentConfigListItem.vue

@@ -57,7 +57,8 @@
 		</AppNavigationItem>
 		<AppointmentConfigModal
 			v-if="showModal"
-			:is-new="isCreatingNew"
+			:is-new="isDuplicate"
+			:is-duplicate="isDuplicate"
 			:config="config"
 			@close="closeModal" />
 	</div>
@@ -106,7 +107,7 @@ export default {
 		return {
 			showModal: false,
 			loading: false,
-			isCreatingNew: false,
+			isDuplicate: false,
 		}
 	},
 
@@ -119,15 +120,16 @@ export default {
 	methods: {
 		closeModal() {
 			this.showModal = false
+			this.isDuplicate = false
 		},
 
 		openEditModal() {
-			this.isCreatingNew = false
+			this.isDuplicate = false
 			this.showModal = true
 		},
 
 		duplicate() {
-			this.isCreatingNew = true
+			this.isDuplicate = true
 			this.showModal = true
 		},
 

src/components/AppointmentConfigModal.vue

@@ -199,6 +199,11 @@ export default {
 			type: Boolean,
 			required: true,
 		},
+
+		isDuplicate: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	data() {
@@ -225,7 +230,10 @@ export default {
 				return this.$t('calendar', 'Appointment schedule saved')
 			}
 			if (this.isNew) {
-				return this.$t('calendar', 'Create appointment schedule')
+				const title = this.isDuplicate
+					? 'Create appointment schedule (duplicate)'
+					: 'Create appointment schedule'
+				return this.$t('calendar', title)
 			}
 
 			return this.$t('calendar', 'Edit appointment schedule')