fixed working of exports

Author: Saksham-Sirohi

webapp/src/views/schedule/export-select.vue

@@ -52,17 +52,26 @@ export default {
 		options: {
 			type: Array,
 			required: true
+    },
+    modelValue: {
+      type: Object,
+      default: null
 		}
 	},
   emits: ['input', 'update:modelValue'],
 	data() {
 		return {
 			isOpen: false,
-			selectedOption: null,
+      selectedOption: this.modelValue ? this.modelValue.label : null,
 			hoveredOption: null,
 			qrCodes: {}
 		}
 	},
+  watch: {
+    modelValue(newVal) {
+      this.selectedOption = newVal ? newVal.label : null;
+		}
+	},
 	mounted() {
 		document.addEventListener('click', this.outsideClick)
 	},
@@ -78,6 +87,7 @@ export default {
 		selectOption(option) {
 			this.selectedOption = option.label
 			this.isOpen = false
+      this.$emit('update:modelValue', option)
 			this.$emit('input', option)
 		},
 		outsideClick(event) {

webapp/src/views/schedule/index.vue

@@ -24,10 +24,10 @@
 			.export.dropdown
 				bunt-progress-circular.export-spinner(v-if="isExporting", size="small")
 				custom-dropdown(name="calendar-add1"
-					v-model="selectedExporter"
+					:modelValue="selectedExporter"
+					@update:modelValue="selectedExporter = $event; makeExport()"
 					:options="exportType"
-					label="Add to Calendar"
-					@input="makeExport")
+					label="Add to Calendar")
 
 		bunt-tabs.days(v-if="days && days.length > 1", :active-tab="currentDay.toISOString()", ref="tabs", v-scrollbar.x="")
 			bunt-tab(v-for="day in days", :key="day.toISOString()", :id="day.toISOString()", :header="moment(day).format('dddd DD. MMMM')", @selected="changeDay(day)")
@@ -280,6 +280,7 @@ export default {
 				window.URL.revokeObjectURL(downloadUrl)
 				a.remove()
 				this.isExporting = false
+				this.selectedExporter = null
 			} catch (error) {
 				this.isExporting = false
 				this.error = error