Bugfix

client/components/GlobalSearch.jsx

@@ -87,6 +87,8 @@ class GlobalSearch extends React.Component {
       axios
         .get('/results/', { params })
         .then(response => {
+          console.log('Mood search', response.data);
+
           this.setState({ movies: response.data });
         })
         .catch(err => console.error(err));
@@ -120,9 +122,6 @@ class GlobalSearch extends React.Component {
       })
       .catch(err => {
         console.error('Error with endpoint of server', err);
-      })
-      .then(() => {
-        console.log(this.state.nowPlaying);
       });
   }
 

client/components/Popup.jsx

@@ -13,7 +13,7 @@ class Popup extends React.Component {
 
     this.state = {
       recommendations: [],
-      purchasing: false
+      purchase: false
     };
 
     this.purchaseMovie = this.purchaseMovie.bind(this);

client/components/Profile_Search.jsx

@@ -80,7 +80,6 @@ class Profile_Search extends React.Component {
     axios
       .get('/users/history/', { params })
       .then(response => {
-        console.log(response.data);
         let history = response.data.reverse();
         if (history === null) history = [];
         this.setState({ history });

client/components/TagMovie.jsx

@@ -28,7 +28,7 @@ class TagMovie extends React.Component {
         'uncomfortable'
       ],
       moods: [],
-      selected: 'whimsical',
+      selected: '',
       //movie and user should eventually come from props after testing
       movie: this.props.movie,
       user: this.props.user
@@ -62,10 +62,10 @@ class TagMovie extends React.Component {
 
     axios
       .post('/save', movie)
-      .then((response) => {
+      .then(response => {
         this.props.getUserHistory(this.props.user);
       })
-      .catch((err) => console.log('FrontEnd err sending movie to server', err));
+      .catch(err => console.log('FrontEnd err sending movie to server', err));
   }
 
   handleDeleteMood(e) {
@@ -88,7 +88,11 @@ class TagMovie extends React.Component {
                 <select
                   onChange={this.handleChangeMood}
                   className="select is-multiple"
+                  defaultValue=""
                 >
+                  <option value="" disabled hidden>
+                    Choose Mood
+                  </option>
                   {this.state.dbMoods.map((option, index) => {
                     return (
                       <option value={option} key={index}>
@@ -126,7 +130,7 @@ class TagMovie extends React.Component {
           </div>
         </div>
         <div className="column is-one-fifth">
-          <MovieCard movie={this.props.movie} user={this.props.user}/>
+          <MovieCard movie={this.props.movie} user={this.props.user} />
         </div>
       </div>
     );

server/controllers/index.js

@@ -90,6 +90,7 @@ app.get('/results/:moods?', (req, res) => {
 
   moodSearch(req.query.moods, function(err, data) {
     if (err) throw err;
+    console.log(data);
     res.send(data);
   });
 });