diff --git a/app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/views/PlayerView.kt b/app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/views/PlayerView.kt
index 8692eab..53f36ef 100644
--- a/app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/views/PlayerView.kt
+++ b/app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/views/PlayerView.kt
@@ -9,6 +9,7 @@ import androidx.compose.foundation.clickable
import androidx.compose.foundation.gestures.detectTapGestures
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.foundation.text.BasicText
import androidx.compose.material.ripple.rememberRipple
@@ -554,31 +555,35 @@ fun PlayerView(
modifier = Modifier
.clickable(onClick = player::seekToPrevious)
.padding(horizontal = 16.dp)
- .size(32.dp)
+ .size(28.dp)
)
- when {
- playerState.playbackState == Player.STATE_ENDED || !playerState.playWhenReady -> Image(
- painter = painterResource(R.drawable.play_circle),
- contentDescription = null,
- colorFilter = ColorFilter.tint(colorPalette.text),
- modifier = Modifier
- .clickable {
+ val isPaused = playerState.playbackState == Player.STATE_ENDED || !playerState.playWhenReady
+
+ Box(
+ modifier = Modifier
+ .padding(horizontal = 8.dp)
+ .clickable {
+ if (isPaused) {
if (player.playbackState == Player.STATE_IDLE) {
player.prepare()
}
player.play()
+ } else {
+ player.pause()
}
- .size(64.dp)
- )
- else -> Image(
- painter = painterResource(R.drawable.pause_circle),
+ }
+ .background(color = colorPalette.text, shape = CircleShape)
+ .size(64.dp)
+ ) {
+ Image(
+ painter = painterResource(if (isPaused) R.drawable.play else R.drawable.pause),
contentDescription = null,
- colorFilter = ColorFilter.tint(colorPalette.text),
+ colorFilter = ColorFilter.tint(colorPalette.background),
modifier = Modifier
- .clickable(onClick = player::pause)
- .size(64.dp)
+ .align(Alignment.Center)
+ .size(28.dp)
)
}
@@ -589,7 +594,7 @@ fun PlayerView(
modifier = Modifier
.clickable(onClick = player::seekToNext)
.padding(horizontal = 16.dp)
- .size(32.dp)
+ .size(28.dp)
)
Image(
diff --git a/app/src/main/res/drawable/pause_circle.xml b/app/src/main/res/drawable/pause_circle.xml
deleted file mode 100644
index bd2c5c7..0000000
--- a/app/src/main/res/drawable/pause_circle.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
diff --git a/app/src/main/res/drawable/play_circle.xml b/app/src/main/res/drawable/play_circle.xml
deleted file mode 100644
index 224b3eb..0000000
--- a/app/src/main/res/drawable/play_circle.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-