feat: play pause button

Author: mixtapeo

app/src/main/java/com/mixtapeo/lyrisync/MainActivity.kt

@@ -370,6 +370,19 @@ class MainActivity : AppCompatActivity() {
             }
         }
 
+        // play pause button
+        val btnPlayPause = findViewById<android.widget.ImageButton>(R.id.playPause)
+
+        btnPlayPause.setOnClickListener {
+            spotifyAppRemote?.playerApi?.playerState?.setResultCallback { playerState ->
+                if (playerState.isPaused) {
+                    spotifyAppRemote?.playerApi?.resume()
+                } else {
+                    spotifyAppRemote?.playerApi?.pause()
+                }
+            }
+        }
+
         // --- 2. SETUP SYNC TOGGLE & ANIMATION ---
         val fabReSync = findViewById<com.google.android.material.floatingactionbutton.FloatingActionButton>(R.id.fabReSync)
         val syncBtn = findViewById<ToggleButton>(R.id.syncToggleButton)
@@ -669,6 +682,15 @@ class MainActivity : AppCompatActivity() {
     private fun connected() {
         spotifyAppRemote?.playerApi?.subscribeToPlayerState()?.setEventCallback { playerState ->
             val track = playerState.track
+
+            // play pause button logic
+            val btnPlayPause = findViewById<android.widget.ImageButton>(R.id.playPause)
+            if (playerState.isPaused) {
+                btnPlayPause.setImageResource(android.R.drawable.ic_media_play)
+            } else {
+                btnPlayPause.setImageResource(android.R.drawable.ic_media_pause)
+            }
+
             if (track != null) {
                 if (track.uri != currentTrackUri) {
                     currentTrackUri = track.uri

app/src/main/res/layout/activity_main.xml

@@ -134,12 +134,16 @@
                         android:textSize="16sp"
                         android:textStyle="bold" />
 
-                    <ToggleButton
+                    <ImageButton
                         android:id="@+id/playPause"
-                        android:layout_width="40dp"
-                        android:layout_height="match_parent"
-                        android:checked="true"
-                        android:textOff="Manual" />
+                        android:layout_width="48dp"
+                        android:layout_height="48dp"
+                        android:layout_marginEnd="8dp"
+                        android:background="?attr/selectableItemBackgroundBorderless"
+                        android:contentDescription="Play or Pause"
+                        android:scaleType="centerInside"
+                        app:srcCompat="@android:drawable/ic_media_pause"
+                        app:tint="@color/brand_primary" />
 
                     <FrameLayout
                         android:layout_width="wrap_content"