Spotify api feature

monster/client/src/MusicMonster.js

@@ -33,29 +33,29 @@ class MusicMonster extends Component {
       username: "",
       password: "",
       home: true,
+      testObject: {},
     };
     this.submitToServer = this.submitToServer.bind(this);
     this.handleInputChange = this.handleInputChange.bind(this);
     this.handleUsernameInput = this.handleUsernameInput.bind(this);
     this.handlePasswordInput = this.handlePasswordInput.bind(this);
-    this.callSpotifyApi = this.callSpotifyApi.bind(this);
     this.checkUrl = this.checkUrl.bind(this);
   }
 
-  componentWillMount() {
-    console.log("Will Mount...");
-  };
-
-<<<<<<< HEAD
-  componentDidMount() {
-    console.log('Did mount...');
-=======
   componentDidMount(e) {
-    console.log("HAAAAAAAAAA");
-    this.checkUrl();
-
     console.log("Did mount...");
->>>>>>> f76406d5617f33a8ed8ca3785342672b40b1b51c
+    this.checkUrl();
+}
+  componentWillMount() {
+    console.log("Will Mount...");
+      axios('http://localhost:3001/api/results')
+      .then(res => {
+        this.setState(prevState => {
+          return {
+            testObject: res,
+          }
+      });
+    });
   };
 
   handleInputChange(event) {
@@ -65,7 +65,7 @@ class MusicMonster extends Component {
     });
     console.log(event.target.value);
     // console.log(this.state.input);
-  };
+  }
 
   checkUrl() {
     console.log("CheckingURL -------->", this.state.home);
@@ -118,7 +118,7 @@ class MusicMonster extends Component {
           searchData: res.data.artists.items,
           artist: artistName,
           image: image,
-          track: "https://open.spotify.com/embed?uri=" + track_url
+          song: "https://open.spotify.com/embed?uri=" + track_url
         });
         console.log("Track URL", this.state.track);
       })
@@ -131,24 +131,24 @@ class MusicMonster extends Component {
 
     axios({
       method: "POST",
-      url: "http://localhost:3001/api/user/",
+      url: "http://localhost:3001/api/results/",
       data: {
-        name: this.state.artist,
-        picture: this.state.image,
-        track: this.state.track,
-      }
-
+        artist: this.state.artist,
+        image: this.state.image,
+        song: this.state.image,
+      },
     })
       .then(res => {
         console.log(this.state.artist, "-----------");
         // res will include all the information you sent back from the server
         const savingMusicToDataBase = {
-          name: res.data.artists.items["0"].name,
-          picture: res.data.artists.items["0"].images[1].url,
+          artist: res.data.artists.items["0"].name,
+          image: res.data.artists.items["0"].images[1].url,
+          song: res.data.artists.items["0"].external_urls.spotify
         };
         this.setState(prevState => {
           return {
-            artists: prevState.artists.concat(savingMusicToDataBase),
+            artist: prevState.artists.concat(savingMusicToDataBase.artist),
           };
         });
       })
@@ -223,7 +223,7 @@ class MusicMonster extends Component {
                         checkUrl={this.checkUrl}
                         artist={this.state.artist}
                         image={this.state.image}
-                        track={this.state.track}
+                        song={this.state.song}
                         data={this.state.searchData}
                         input={this.state.input}
                       />
@@ -236,12 +236,7 @@ class MusicMonster extends Component {
           <Footer />
         </main>
       </div>
-<<<<<<< HEAD
     );
-=======
-    )
->>>>>>> f76406d5617f33a8ed8ca3785342672b40b1b51c
   }
 }
-
 export default MusicMonster;

monster/client/src/components/Results.jsx

@@ -21,7 +21,7 @@ class Results extends Component {
               <img src={this.props.image} alt={this.props.artist} />
             </div>
             <div className="tracks">
-              <iframe src={this.props.track} width="400" height="415" />
+              <iframe src={this.props.song} width="400" height="415" />
             </div>
           </div>
         </div>

monster/db/migrations/migration.sql

@@ -7,6 +7,6 @@ CREATE TABLE records (
   artist VARCHAR(255) NOT NULL,
   image TEXT,
   song VARCHAR(255) NOT NULL,
-  comments TEXT DEFAULT "favorite track"
+  comments TEXT
 );
 

monster/package.json

@@ -21,6 +21,7 @@
     "express-jwt": "^5.3.0",
     "express-session": "^1.15.5",
     "json-web-token": "^2.1.3",
+    "jsonwebtoken": "^8.0.1",
     "morgan": "^1.8.2",
     "nodemon": "^1.12.1",
     "passport": "^0.4.0",