debugging beatbuddy

src/beatbuddy/src/spotify/getSong.ts

@@ -17,6 +17,9 @@ export async function playSong(trackId: string) {
 
     const spotifyClient: SpotifyWebApi = await getSpotifyClient();
 
+    const accessToken = spotifyClient.getAccessToken();
+    console.log('Access Token playSong:', accessToken);
+
     // Retrieve the preview URL for the track
     const response = await fetch(`https://api.spotify.com/v1/tracks/${trackId}`, {
       headers: {

src/beatbuddy/src/spotify/spotifyAuth.ts

@@ -7,10 +7,10 @@ const REDIRECT_URI = process.env.REACT_APP_SPOTIFY_REDIRECT_URI_PROD;
 
 const AUTHORIZATION_ENDPOINT = 'https://accounts.spotify.com/authorize';
 const TOKEN_ENDPOINT = 'https://accounts.spotify.com/api/token';
-const SCOPE = 'user-read-private \
-               playlist-modify-public \
-               playlist-modify-private \
-               streaming';
+const SCOPE = `user-read-private
+               playlist-modify-public
+               playlist-modify-private
+               streaming`;
 
 /**
  * Redirects the user to the Spotify Accounts service to authorize access

src/components/Navbar.tsx

@@ -16,10 +16,10 @@ function Navbar() {
   useEffect(() => {
     const checkCookieCleared = () => {
       if (!document.cookie.includes('spotify_access_token')) {
-        console.log('cookie is cleared')
+        // console.log('cookie is cleared')
         setCookieCleared(true);
       } else {
-        console.log('cookie is not cleared')
+        // console.log('cookie is not cleared')
         setCookieCleared(false);
       }
     };

src/components/SongResult.tsx

@@ -22,7 +22,6 @@ function SongResult(props: any) {
 
   // This useEffect handles the play/pause btn when users changes song
   useEffect(() => {
-    console.log('currTrackId changes: ' + props.currTrackId);
     if (props.currTrackId === props.id) {
       setPlayPauseBtn(pause_btn);
     } else {