Extract from drag and drop

app/javascript/controllers/drag_and_drop_controller.js

@@ -7,23 +7,6 @@ export default class extends Controller {
   static values = { url: String }
   static classes = [ "draggedItem", "hoverContainer" ]
 
-  connect() {
-    this.audioFiles = [
-      "/audio/B3.mp3",
-      "/audio/C3.mp3",
-      "/audio/D4.mp3",
-      "/audio/E3.mp3",
-      "/audio/Fsharp4.mp3",
-      "/audio/G3.mp3"
-    ]
-
-    this.preloadedAudioFiles = this.audioFiles.map(file => {
-      const audio = new Audio(file)
-      audio.load()
-      return audio
-    });
-  }
-
   // Actions
 
   async dragStart(event) {
@@ -49,18 +32,6 @@ export default class extends Controller {
     }
   }
 
-  dragEnter(event) {
-    event.preventDefault()
-    const container = this.#containerContaining(event.target)
-    this.#clearContainerHoverClasses()
-
-    if (!container) { return }
-
-    if (container !== this.sourceContainer) {
-      this.#playZither()
-    }
-  }
-
   async drop(event) {
     const container = this.#containerContaining(event.target)
 
@@ -96,13 +67,6 @@ export default class extends Controller {
     this.containerTargets.forEach(container => container.classList.remove(this.hoverContainerClass))
   }
 
-  #playZither() {
-    const randomIndex = Math.floor(Math.random() * this.preloadedAudioFiles.length)
-    const audio = this.preloadedAudioFiles[randomIndex]
-    const audioInstance = new Audio(audio.src)
-    audioInstance.play()
-  }
-
   // Private
 
   async #submitDropRequest(item, container) {