diff --git a/ext/src/ui/popup/Receiver.svelte b/ext/src/ui/popup/Receiver.svelte index fd9a8c3..9868b88 100644 --- a/ext/src/ui/popup/Receiver.svelte +++ b/ext/src/ui/popup/Receiver.svelte @@ -126,54 +126,52 @@ }} /> - {#if isExpanded} + {#if isExpanded && mediaStatus}
- {#if mediaStatus} - { - switch (mediaStatus?.playerState) { - case PlayerState.PLAYING: - sendMediaMessage({ type: "PAUSE" }); - break; - case PlayerState.PAUSED: - sendMediaMessage({ type: "PLAY" }); - break; - } - }} - on:previous={() => { - sendMediaMessage({ - type: "QUEUE_UPDATE", - jump: -1 - }); - }} - on:next={() => { - sendMediaMessage({ - type: "QUEUE_UPDATE", - jump: 1 - }); - }} - on:seek={ev => { - sendMediaMessage({ - type: "SEEK", - currentTime: ev.detail.position - }); - }} - on:trackChanged={ev => { - sendMediaMessage({ - type: "EDIT_TRACKS_INFO", - activeTrackIds: ev.detail.activeTrackIds - }); - }} - on:volumeChanged={ev => { - sendReceiverMessage({ - type: "SET_VOLUME", - volume: ev.detail - }); - }} - /> - {/if} + { + switch (mediaStatus?.playerState) { + case PlayerState.PLAYING: + sendMediaMessage({ type: "PAUSE" }); + break; + case PlayerState.PAUSED: + sendMediaMessage({ type: "PLAY" }); + break; + } + }} + on:previous={() => { + sendMediaMessage({ + type: "QUEUE_UPDATE", + jump: -1 + }); + }} + on:next={() => { + sendMediaMessage({ + type: "QUEUE_UPDATE", + jump: 1 + }); + }} + on:seek={ev => { + sendMediaMessage({ + type: "SEEK", + currentTime: ev.detail.position + }); + }} + on:trackChanged={ev => { + sendMediaMessage({ + type: "EDIT_TRACKS_INFO", + activeTrackIds: ev.detail.activeTrackIds + }); + }} + on:volumeChanged={ev => { + sendReceiverMessage({ + type: "SET_VOLUME", + volume: ev.detail + }); + }} + />
{/if}