Element with audio interface

Author: ProtocolNebula

source/src/app/menu/menu.page.ts

@@ -16,6 +16,7 @@ import { VerbsStateService } from '../../core/state/verbs.state';
 import { EditObjectComponent } from './components/edit-object/edit-object.component';
 import { EditVerbComponent } from './components/edit-verb/edit-verb.component';
 import { version } from '../../../package.json';
+import { ElementWithAudio } from 'src/core/models/element-with-audio.interface';
 @Component({
   selector: 'gueo-menu',
   templateUrl: './menu.page.html',
@@ -61,7 +62,7 @@ export class MenuPage implements OnInit, OnDestroy {
     this.itemsStateService.remove(item);
   }
 
-  reproduceSound(item: ItemWithFilesModel | VerbWithFilesModel): void {
+  reproduceSound(item: ElementWithAudio): void {
     this.audioService.reproduceSound(item);
   }
 

source/src/core/models/element-with-audio.interface.ts

@@ -0,0 +1,6 @@
+import { FileData } from './file-data.model';
+
+export interface ElementWithAudio {
+  text: string;
+  audio: FileData<any>;
+}

source/src/core/services/audio.service.ts

@@ -1,6 +1,7 @@
 import { Injectable } from '@angular/core';
 import { RecordingData, VoiceRecorder } from 'capacitor-voice-recorder';
 import { BehaviorSubject, Observable } from 'rxjs';
+import { ElementWithAudio } from '../models/element-with-audio.interface';
 import { FileData } from '../models/file-data.model';
 import { ItemWithFilesModel } from '../models/item-with-files.model';
 import { VerbWithFilesModel } from '../models/verb-with-files.model';
@@ -70,7 +71,7 @@ export class AudioService {
     return this.playAudio(audioRef);
   }
 
-  reproduceSound(item: ItemWithFilesModel | VerbWithFilesModel) {
+  reproduceSound(item: ElementWithAudio) {
     this.stopAudio();
     if (item.audio) {
       this.playAudioFile(item.audio);