From ef07d7b2599d08864900f3d7772095bfceb6a51e Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 20 Sep 2021 15:59:09 -0700
Subject: [PATCH] Update player play/pause styling

---
 src/components/player/PlayerBar.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/player/PlayerBar.tsx b/src/components/player/PlayerBar.tsx
index b69a6d7..58955cf 100644
--- a/src/components/player/PlayerBar.tsx
+++ b/src/components/player/PlayerBar.tsx
@@ -102,7 +102,10 @@ const PlayerBar = () => {
   useEffect(() => {
     // Set the seek back to 0 when the player is incremented/decremented, otherwise the
     // slider bar will temporarily stick to the current time of the previous track before resetting to 0
+    playersRef.current.player1.audioEl.current.pause();
+    playersRef.current.player2.audioEl.current.pause();
     playersRef.current.player1.audioEl.current.currentTime = 0;
+    playersRef.current.player2.audioEl.current.currentTime = 0;
   }, [playQueue.playerUpdated]);
 
   useEffect(() => {
@@ -504,10 +507,9 @@ const PlayerBar = () => {
               <CustomTooltip text="Play/Pause" delay={1000}>
                 <PlayerControlIcon
                   tabIndex={0}
-                  icon={
-                    player.status === 'PLAYING' ? 'pause-circle' : 'play-circle'
-                  }
-                  size="3x"
+                  icon={player.status === 'PLAYING' ? 'pause' : 'play'}
+                  size="2x"
+                  fixedWidth
                   onClick={handleClickPlayPause}
                   onKeyDown={(e: any) => {
                     if (e.keyCode === keyCodes.SPACEBAR) {