Add recording function improvements

src/components/Noise.vue

@@ -339,6 +339,7 @@
         <v-dialog
           v-model="recordingDialog"
           max-width="600px"
+          persistent="true"
         >
           <v-card>
             <v-card-title>
@@ -349,11 +350,17 @@
             </v-card-text>
             <v-card-actions>
               <v-spacer />
+              <v-btn
+                text
+                @click="cancelRecording"
+              >
+                Cancel
+              </v-btn>
               <v-btn
                 text
                 @click="stopRecording"
               >
-                Stop
+                Stop and Save
               </v-btn>
             </v-card-actions>
           </v-card>

src/components/noise.js

@@ -727,6 +727,7 @@ export default {
     async stopRecording () {
       const recording = await this.recorder.stop()
 
+      // Set active profile back to the selected one
       this.loadProfile()
 
       const url = URL.createObjectURL(recording)
@@ -735,6 +736,16 @@ export default {
       anchor.href = url
       anchor.click()
 
+      clearInterval(this.recordingInterval)
+      this.recordingDialog = false
+      this.stop()
+    },
+    async cancelRecording () {
+      await this.recorder.stop()
+
+      // Set active profile back to the selected one
+      this.loadProfile()
+
       clearInterval(this.recordingInterval)
       this.recordingDialog = false
       this.stop()