Force sync on player ready (#52)

* Force sync on player ready

* Only render player if user is Spotify authorized

Author: omareldeeb

src/containers/SpotifyPlayer.js

@@ -2,10 +2,11 @@ import {fetchAuthToken, setSyncMode} from "../actions/user";
 import Script from "react-load-script";
 import React from "react";
 import {connect} from 'react-redux';
+import {SYNC_OPTIONS} from "../components/ForceSyncOption";
 
 const SpotifyPlayer = (props) => {
   const {user} = props;
-  if (!user) return "";
+  if (!user || !user.spotifyAuthorized) return "";
   // initialize Spotify web player
   const initializePlayer = () => {
     window.onSpotifyWebPlaybackSDKReady = () => {
@@ -23,7 +24,9 @@ const SpotifyPlayer = (props) => {
       player.connect();
       // notify backend about newly connected device as soon as it's ready
       player.addListener('ready', () => {
-        props.dispatch(setSyncMode(user, user.syncMode));
+        const syncMode = user.syncMode;
+        props.dispatch(setSyncMode(user, SYNC_OPTIONS.FORCE_SYNC));
+        props.dispatch(setSyncMode(user, syncMode));
       });
     };
   };