memory leak prevention

Author: Saksham-Sirohi

src/pretalx/frontend/schedule-editor/src/App.vue

@@ -39,9 +39,9 @@
 						.data-row(v-if="editorSession.code && editorSession.speakers && editorSession.speakers.length > 0").form-group.row
 							label.data-label.col-form-label.col-md-3 {{ $t('Speakers') }}
 							.col-md-9.data-value
-								span(v-for="speaker, index of editorSession.speakers")
+								span(v-for="speaker in editorSession.speakers", :key="speaker.code")
 									a(:href="`/orga/event/${eventSlug}/speakers/${speaker.code}/`") {{speaker.name}}
-									span(v-if="index != editorSession.speakers.length - 1") {{', '}}
+									span(v-if="speaker !== editorSession.speakers[editorSession.speakers.length - 1]") {{', '}}
 						.data-row(v-else).form-group.row
 							label.data-label.col-form-label.col-md-3 {{ $t('Title') }}
 							.col-md-9

src/pretalx/frontend/schedule-editor/src/components/GridSchedule.vue

@@ -22,7 +22,7 @@
 				:showRoom="false",
 				@startDragging="startDragging($event)",
 			)
-		.availability(v-for="(availability, index) of visibleAvailabilities", :key="index", :style="getSessionStyle(availability)", :class="availability.active ? ['active'] : []")
+		.availability(v-for="availability of visibleAvailabilities" :key="`avail-${availability.room.id}-${availability.start.valueOf()}`" :style="getSessionStyle(availability)", :class="availability.active ? ['active'] : []")
 	#hiddenRooms.no-print(v-if="hiddenRooms.length")
 		h4 {{ $t('Hidden rooms') }} ({{ hiddenRooms.length }})
 		.room-list
@@ -33,7 +33,7 @@
 
 </template>
 <script setup>
-import { ref, computed, watch, onMounted, inject, nextTick } from 'vue'
+import { ref, computed, watch, onMounted, inject, nextTick, onUnmounted } from 'vue'
 import moment from 'moment-timezone'
 import Session from './Session'
 import { getLocalizedString } from '~/utils'
@@ -348,6 +348,13 @@ onMounted(async () => {
   }
 })
 
+onUnmounted(() => {
+  if (observer.value) {
+    observer.value.disconnect()
+  }
+  clearInterval(dragScrollTimer.value)
+})
+
 function startDragging({session, event}) {
 	dragStart.value = {
 		x: event.clientX,