move conditional earlier, and combine conditional renders

Author: corwintines

src/components/ListenToPlayer/index.tsx

@@ -120,6 +120,9 @@ const ListenToPlayer = ({ slug }: { slug: string }) => {
     }
   }, [playbackSpeed, sound])
 
+  // Only show the player if the locale is English and there is a playlist, renders null early
+  if (!playlist.length || index === -1 || locale !== "en") return null
+
   const handlePlayPause = () => {
     if (!sound) return
 
@@ -209,10 +212,6 @@ const ListenToPlayer = ({ slug }: { slug: string }) => {
     })
   }
 
-  if (!playlist.length || index === -1) return null
-
-  if (locale !== "en") return null
-
   return (
     <>
       <TopOfPagePlayer