From 1736ab86f5d7e3f945544591c092a461f9b4dcb9 Mon Sep 17 00:00:00 2001
From: Jimmy Reyes <96630703+jrfullstack@users.noreply.github.com>
Date: Sat, 24 Aug 2024 17:56:28 +0200
Subject: [PATCH] Update Player.jsx
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

el botón de play solo estará funcional si hay una canción cargada, de lo contrario no podrás interactuar, ya que se podia darle a play y hyacer parecer al usuario que esta reproduciendo una cancion cuando no es asi.
---
 src/components/Player.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Player.jsx b/src/components/Player.jsx
index afd2ce3..9364833 100644
--- a/src/components/Player.jsx
+++ b/src/components/Player.jsx
@@ -158,6 +158,8 @@ export function Player () {
     setIsPlaying(!isPlaying)
   }
 
+  const isSongLoaded = !!currentMusic.song;
+
   return (
     <div className="flex flex-row justify-between w-full px-1 z-50">
       <div className="w-[200px]">
@@ -166,7 +168,7 @@ export function Player () {
 
       <div className="grid place-content-center gap-4 flex-1">
         <div className="flex justify-center flex-col items-center">
-          <button className="bg-white rounded-full p-2" onClick={handleClick}>
+          <button className="bg-white rounded-full p-2" onClick={handleClick} disabled={!isSongLoaded}>
             {isPlaying ? <Pause /> : <Play />}
           </button>
           <SongControl audio={audioRef} />
@@ -180,4 +182,4 @@ export function Player () {
       </div>
     </div>
   )
-}
\ No newline at end of file
+}