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}