Hide webplayer when no song is in playlist

app/components/elements/WebPlayer.jsx

@@ -89,6 +89,10 @@ class WebPlayerCSSIntl extends Component {
                         <div className="col-xs-12">
                             <img src={art} width="200" height="200" alt={formatMessage(webplayerMessages["app.common.art"])} ref="art" styleName="art" />
                             <div ref="artText">
+                                {
+                                    (artistName && songTitle)
+                                        ? (
+                                            <div>
                                                 <h2>{songTitle}</h2>
                                                 <h3>
                                                     <span className="text-capitalize">
@@ -96,6 +100,10 @@ class WebPlayerCSSIntl extends Component {
                                                     </span> { artistName }
                                                 </h3>
                                             </div>
+                                            )
+                                        : null
+                                }
+                            </div>
                         </div>
                     </div>
 

app/views/WebPlayer.jsx

@@ -65,11 +65,6 @@ class WebPlayer extends Component {
             if (!this.howl) {
                 // Build a new Howler object with current song to play
                 const url = props.currentSong.get("url");
-                if (!url) {
-                    // TODO: Error handling
-                    console.error("URL not found.");
-                    return;
-                }
                 this.howl = new Howl({
                     src: [url],
                     html5: true,  // Use HTML5 by default to allow streaming
@@ -114,7 +109,9 @@ class WebPlayer extends Component {
             onMute: this.props.actions.toggleMute,
         };
         return (
-            <WebPlayerComponent {...webplayerProps} />
+            (this.props.playlist.size > 0)
+            ? <WebPlayerComponent {...webplayerProps} />
+            : <div></div>
         );
     }
 }