diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..28b0da3 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome", + "url": "http://localhost:3000", + "webRoot": "${workspaceFolder}" + } + ] +} diff --git a/src/Components/SearchBar/SearchBar.js b/src/Components/SearchBar/SearchBar.js index a50842a..d29ac19 100644 --- a/src/Components/SearchBar/SearchBar.js +++ b/src/Components/SearchBar/SearchBar.js @@ -22,7 +22,9 @@ class SearchBar extends React.Component { placeholder="Enter A Song, Album, or Artist" onChange={this.handleTermChange} /> - + ); } diff --git a/src/util/Spotify.js b/src/util/Spotify.js index 0975b98..d6c1185 100644 --- a/src/util/Spotify.js +++ b/src/util/Spotify.js @@ -1,5 +1,5 @@ const clientId = "c39c93bbf05745fb986d1e566004eb31"; -const redirectUri = "http://localhost:3000/"; +const redirectUri = "http://localhost:3000"; let accessToken = ""; export const Spotify = { @@ -22,8 +22,7 @@ export const Spotify = { window.history.pushState("Access Token", null, "/"); return accessToken; } else { - const accessUrl = `https://accounts.spotify.com/authorize?client_id=${clientId}&response_type= - token&scope=playlist-modify-public&redirect_uri=${redirectUri}`; + const accessUrl = `https://accounts.spotify.com/authorize?client_id=${clientId}&response_type=token&scope=playlist-modify-public&redirect_uri=${redirectUri}`; window.location = accessUrl; } }, @@ -54,13 +53,13 @@ export const Spotify = { if (!name || !trackUris.length) { return; } - const accessToken = Spotify.getAccessToken; + const accessToken = Spotify.getAccessToken(); const headers = { Authorization: `Bearer ${accessToken}` }; let userId; return fetch(`https://api.spotify.com/v1/me`, { headers: headers }) .then((response) => response.json()) .then((jsonResponse) => { - userId = jsonResponse.Id; + userId = jsonResponse.id; return fetch(`https://api.spotify.com/v1/users/${userId}/playlists`, { headers: headers, method: "POST", @@ -68,7 +67,7 @@ export const Spotify = { }) .then((response) => response.json()) .then((jsonResponse) => { - const playlistId = jsonResponse.Id; + const playlistId = jsonResponse.id; return fetch( `https:/api.spotify.com/v1/users/${userId}/playlists/${playlistId}/tracks`, {