From 0d7da09ece8de6089aa52bffe6bc0b348c028ac0 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Sun, 9 Feb 2020 12:09:06 +0900
Subject: [PATCH] disable player on mobile except for nowplaying

---
 src/components/Controls.component.jsx | 16 +++-------------
 src/css/NowPlaying.styles.css         |  2 +-
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/components/Controls.component.jsx b/src/components/Controls.component.jsx
index 3017ebb..5054c0f 100644
--- a/src/components/Controls.component.jsx
+++ b/src/components/Controls.component.jsx
@@ -17,8 +17,6 @@ import '../css/Controls.styles.css'
 
 class Controls extends Component {
 
-  state = { showing: true };
-
   // Pause, skip forward / back
   keyboardShortcuts = e => {
     switch (e.which) {
@@ -106,14 +104,6 @@ class Controls extends Component {
   componentDidMount() {
     // Set media session for mobile notifications/lockscreen display
     this.setMediaSession()
-    const { pathname } = this.props.location;
-    console.log(pathname)
-    console.log(screen.width)
-
-    // if (pathname !== '/nowplaying') {
-    //   this.setState({ showing: false });
-    //   console.log(this.state.showing)
-    // }
 
     // Keyboard controls
     document.addEventListener('keyup', this.handleOnKeyUp, false)
@@ -123,6 +113,7 @@ class Controls extends Component {
   }
 
   componentWillUnmount() {
+    
     document.removeEventListener('keyup', this.handleOnKeyUp, false)
     document.removeEventListener('keydown', this.handleOnKeyDown, false)
   }
@@ -147,11 +138,10 @@ class Controls extends Component {
       playStatus,
       volumeVisible
     } = this.props
-
-    console.log(track)
+    const { pathname } = this.props.location;
 
     return (
-      <div style={{visibility: this.state.showing ? 'visible' : 'hidden' }}>
+      <div style={{visibility: screen.width > 600 ? 'visible' : pathname === '/nowplaying' ? 'visible' : 'hidden' }}>
         <div className="title">
         {track.title.length > 35
                 ? track.title.substring(0, 35) + '...'
diff --git a/src/css/NowPlaying.styles.css b/src/css/NowPlaying.styles.css
index 7681ed2..d6d4f34 100644
--- a/src/css/NowPlaying.styles.css
+++ b/src/css/NowPlaying.styles.css
@@ -27,7 +27,7 @@
 }
 
 .NowPlaying-info {
-  margin-top: 40px;
+  margin-top: 20px;
   width: 100%;
 }