diff options
| -rw-r--r-- | scss/sidebar.scss | 2 | ||||
| -rw-r--r-- | src/modules/sidebar/dashboard.tsx | 8 |
2 files changed, 5 insertions, 5 deletions
diff --git a/scss/sidebar.scss b/scss/sidebar.scss index f485264..9bac679 100644 --- a/scss/sidebar.scss +++ b/scss/sidebar.scss @@ -120,7 +120,7 @@ } } - .media { + .dashboard .media { @include lib.spacing(15); .cover-art { diff --git a/src/modules/sidebar/dashboard.tsx b/src/modules/sidebar/dashboard.tsx index d1d1185..c38d584 100644 --- a/src/modules/sidebar/dashboard.tsx +++ b/src/modules/sidebar/dashboard.tsx @@ -58,7 +58,7 @@ const User = () => { ); }; -const Media = ({ player }: { player: AstalMpris.Player }) => { +const Media = ({ player }: { player: AstalMpris.Player | null }) => { const position = player ? Variable.derive([bind(player, "position"), bind(player, "length")], (p, l) => p / l) : Variable(0); @@ -84,14 +84,14 @@ const Media = ({ player }: { player: AstalMpris.Player }) => { hexpand sensitive={player ? bind(player, "canGoPrevious") : false} cursor="pointer" - onClicked={() => player.next()} + onClicked={() => player?.next()} label="" /> <button hexpand sensitive={player ? bind(player, "canControl") : false} cursor="pointer" - onClicked={() => player.play_pause()} + onClicked={() => player?.play_pause()} label={ player ? bind(player, "playbackStatus").as(s => @@ -104,7 +104,7 @@ const Media = ({ player }: { player: AstalMpris.Player }) => { hexpand sensitive={player ? bind(player, "canGoNext") : false} cursor="pointer" - onClicked={() => player.next()} + onClicked={() => player?.next()} label="" /> </box> |