connect player button modified

clearer button label
connect button plays automatically

Author: jeongY-Cho

src/components/Player/index.jsx

@@ -138,9 +138,11 @@ export const Player = observer((props) => {
         {!device_connected && (
           <div className={styles.connectSpotify}>
             <button
-              onClick={() => playerStore.connectToPlayer(playerStore.device_id)}
+              onClick={() =>
+                playerStore.connectToPlayer(playerStore.device_id, true)
+              }
             >
-              Connect Spotify
+              Click to connect Spotify
             </button>
           </div>
         )}

src/stores/playerStore.js

@@ -517,7 +517,7 @@ export class PlayerStore {
     });
   });
 
-  connectToPlayer = async (device_id) => {
+  connectToPlayer = async (device_id, play = false) => {
     // get current access token
     // TODO: error handling
     let access_token;
@@ -532,7 +532,7 @@ export class PlayerStore {
         `https://api.spotify.com/v1/me/player`,
         {
           device_ids: [device_id],
-          play: false,
+          play: play,
         },
         {
           headers: {