From f93e7d0726d3608b3a95b3c7575f9a4b0f86e43d Mon Sep 17 00:00:00 2001
From: Himanshu Sharma <135759566+HimanshuSharmaa@users.noreply.github.com>
Date: Thu, 24 Oct 2024 14:42:32 +0530
Subject: [PATCH] Update ControlCenter.tsx

Solved the error of playBackState Undefined by adding a if condition on onPress and changed playBackState to playBackState.state wherever needed
---
 spotifymusic08/src/components/ControlCenter.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/spotifymusic08/src/components/ControlCenter.tsx b/spotifymusic08/src/components/ControlCenter.tsx
index f2f3c5e..5b45025 100644
--- a/spotifymusic08/src/components/ControlCenter.tsx
+++ b/spotifymusic08/src/components/ControlCenter.tsx
@@ -36,10 +36,14 @@ const ControlCenter = () => {
         <Pressable onPress={skipToPrevious}>
             <Icon style={styles.icon} name="skip-previous" size={40} />
         </Pressable>
-        <Pressable onPress={() => togglePlayback(playBackState)}>
+        <Pressable onPress={()=>{
+          if(playBackState.state !== undefined){
+            togglePlayback(playBackState.state)
+          }
+        } >
             <Icon 
             style={styles.icon} 
-            name={playBackState === State.Playing ? "pause" : "play-arrow"} 
+            name={playBackState.state === State.Playing ? "pause" : "play-arrow"} 
             size={75} />
         </Pressable>
         <Pressable onPress={skipToNext}>
@@ -66,4 +70,4 @@ const styles = StyleSheet.create({
     },
   });
 
-export default ControlCenter
\ No newline at end of file
+export default ControlCenter