fix: enum type

components/views/media/actions/Actions.vue

@@ -14,10 +14,8 @@ import {
 } from 'satellite-lucide-icons'
 
 import { mapState } from 'vuex'
-import { Sounds } from '~/libraries/SoundManager/SoundManager'
 import { WebRTCEnum } from '~/libraries/Enums/enums'
 import { Peer2Peer } from '~/libraries/WebRTC/Libp2p'
-import { PeerMutedState } from '~/store/webrtc/types'
 const p2p = Peer2Peer.getInstance()
 
 export default Vue.extend({
@@ -53,7 +51,7 @@ export default Vue.extend({
      * @description Toggles mute for outgoing audio
      * @example
      */
-    toggleMute(kind: keyof PeerMutedState) {
+    toggleMute(kind: WebRTCEnum) {
       this.isLoading = true
       if (kind === WebRTCEnum.AUDIO) {
         this.$store.dispatch('audio/toggleMute', undefined, { root: true })

components/views/navigation/sidebar/controls/Controls.vue

@@ -15,6 +15,7 @@ import {
 import { mapState } from 'vuex'
 import { Peer2Peer } from '~/libraries/WebRTC/Libp2p'
 import { PeerMutedState } from '~/store/webrtc/types'
+import { WebRTCEnum } from '~/libraries/Enums/enums'
 const p2p = Peer2Peer.getInstance()
 
 export default Vue.extend({
@@ -54,9 +55,9 @@ export default Vue.extend({
      */
     async toggleMute(kind: keyof PeerMutedState) {
       this.isLoading = true
-      if (kind === 'audio') {
+      if (kind === WebRTCEnum.AUDIO) {
         this.$store.dispatch('audio/toggleMute', undefined, { root: true })
-      } else if (kind === 'video' && this.inCall) {
+      } else if (kind === WebRTCEnum.VIDEO && this.inCall) {
         this.$store.dispatch('video/toggleMute', undefined, { root: true })
       }
       this.isLoading = false

store/webrtc/types.ts

@@ -1,7 +1,7 @@
+import { WebRTCEnum } from '~/libraries/Enums/enums'
+
 export type PeerMutedState = {
-  audio: boolean
-  video: boolean
-  screen: boolean
+  [key in WebRTCEnum]: boolean
 }
 export type StreamMutedState = {
   [key: string]: PeerMutedState