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`,
{