Linter

DevonJSmith · Mar 29, 2020 · 310ae2c · 310ae2c
1 parent 883f544
commit 310ae2c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 24 deletions.
diff --git a/packages/ui/lib/components/QueueItem/index.js b/packages/ui/lib/components/QueueItem/index.js
@@ -11,26 +11,23 @@ import styles from './styles.scss';
 
 import artPlaceholder from '../../../resources/media/art_placeholder.png';
 
-export const QueueItem = props => {
-  let {
-    isLoading,
-    isCurrent,
-    isCompact,
-    track,
-    duration,
-    error,
+export const QueueItem = ({
+  isLoading,
+  isCurrent,
+  isCompact,
+  track,
+  duration,
+  error,
 
-    handleRemoveFromQueue,
-    handleSelectSong
-  } = props;
-
-  return (
+  handleRemoveFromQueue,
+  handleSelectSong
+}) => (
     <div
       className={cx(
         common.nuclear,
         styles.queue_item,
-        {[`${styles.current_song}`]: isCurrent},
-        {[`${styles.compact}`]: isCompact}
+        { [`${styles.current_song}`]: isCurrent },
+        { [`${styles.compact}`]: isCompact }
       )}
       onDoubleClick={handleSelectSong}
     >
@@ -45,7 +42,7 @@ export const QueueItem = props => {
           className={styles.thumbnail_overlay}
           onClick={handleRemoveFromQueue}
         >
-          <Icon name='trash alternate outline' size={isCompact?'large':'big'} />
+          <Icon name='trash alternate outline' size={isCompact ? 'large' : 'big'} />
         </div>
       </div>
 
@@ -60,7 +57,7 @@ export const QueueItem = props => {
 
       <div className={styles.item_duration_container}>
         <div className={styles.item_duration}>
-          { duration }
+          {duration}
         </div>
       </div>
 
@@ -73,7 +70,6 @@ export const QueueItem = props => {
       }
     </div>
   );
-};
 
 QueueItem.propTypes = {
   isLoading: PropTypes.bool,
@@ -101,13 +97,13 @@ QueueItem.propTypes = {
 
 export const enhance = compose(
   withHandlers({
-    handleRemoveFromQueue: ({removeFromQueue, track, resetPlayer, sendPaused}) => () => {
+    handleRemoveFromQueue: ({ removeFromQueue, track, resetPlayer, sendPaused }) => () => {
       removeFromQueue(track);
-      if (resetPlayer) { 
-        resetPlayer(sendPaused); 
+      if (resetPlayer) {
+        resetPlayer(sendPaused);
       }
     },
-    handleSelectSong: ({selectSong, index}) => () => selectSong(index)
+    handleSelectSong: ({ selectSong, index }) => () => selectSong(index)
   })
 );
 

diff --git a/packages/ui/lib/components/Seekbar/index.js b/packages/ui/lib/components/Seekbar/index.js
@@ -7,8 +7,8 @@ import styles from './styles.scss';
 
 const handleClick = (seek, queue) => {
   return event => {
-    let percent = (event.pageX - event.target.offsetLeft)/document.body.clientWidth;
-    let duration = queue.queueItems[queue.currentSong].streams[0].duration;
+    const percent = (event.pageX - event.target.offsetLeft)/document.body.clientWidth;
+    const duration = queue.queueItems[queue.currentSong].streams[0].duration;
     seek(percent * duration * 1000);
   };
 };