Tweak PlaylistPreviewItem

app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/views/PlaylistPreviewItem.kt

@@ -1,10 +1,9 @@
 package it.vfsfitvnm.vimusic.ui.views
 
+import androidx.annotation.DrawableRes
+import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.text.BasicText
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
@@ -14,8 +13,10 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
@@ -35,66 +36,126 @@ import kotlinx.coroutines.flow.distinctUntilChanged
 fun PlaylistPreviewItem(
     playlistPreview: PlaylistPreview,
     modifier: Modifier = Modifier,
-    thumbnailSize: Dp = Dimensions.thumbnails.song,
+    thumbnailSize: Dp = Dimensions.thumbnails.song
 ) {
-    val (colorPalette, typography) = LocalAppearance.current
     val density = LocalDensity.current
 
-    val thumbnailSizePx = density.run {
-        thumbnailSize.toPx().toInt()
+    val thumbnailSizePx = with(density) {
+        thumbnailSize.roundToPx()
     }
 
     val thumbnails by remember(playlistPreview.playlist.id) {
         Database.playlistThumbnailUrls(playlistPreview.playlist.id).distinctUntilChanged()
     }.collectAsState(initial = emptyList(), context = Dispatchers.IO)
 
+    PlaylistItem(
+        name = playlistPreview.playlist.name,
+        modifier = modifier,
+        thumbnailSize = thumbnailSize,
+        imageContent = {
+            if (thumbnails.toSet().size == 1) {
+                AsyncImage(
+                    model = thumbnails.first().thumbnail(thumbnailSizePx),
+                    contentDescription = null,
+                    contentScale = ContentScale.Crop,
+                    modifier = Modifier
+                        .fillMaxSize()
+                )
+            } else {
+                Box(
+                    modifier = Modifier
+                        .fillMaxSize()
+                ) {
+                    listOf(
+                        Alignment.TopStart,
+                        Alignment.TopEnd,
+                        Alignment.BottomStart,
+                        Alignment.BottomEnd
+                    ).forEachIndexed { index, alignment ->
+                        AsyncImage(
+                            model = thumbnails.getOrNull(index).thumbnail(thumbnailSizePx),
+                            contentDescription = null,
+                            contentScale = ContentScale.Crop,
+                            modifier = Modifier
+                                .align(alignment)
+                                .size(thumbnailSize)
+                        )
+                    }
+                }
+            }
+        }
+    )
+}
+
+@Composable
+fun BuiltInPlaylistItem(
+    @DrawableRes icon: Int,
+    colorTint: Color,
+    name: String,
+    modifier: Modifier = Modifier,
+    thumbnailSize: Dp = Dimensions.thumbnails.song
+) {
+    PlaylistItem(
+        name = name,
+        modifier = modifier,
+        thumbnailSize = thumbnailSize,
+        withGradient = false,
+        imageContent = {
+            Image(
+                painter = painterResource(icon),
+                contentDescription = null,
+                colorFilter = ColorFilter.tint(colorTint),
+                modifier = Modifier
+                    .align(Alignment.Center)
+                    .size(24.dp)
+            )
+        }
+    )
+}
+
+@Composable
+fun PlaylistItem(
+    name: String,
+    modifier: Modifier = Modifier,
+    thumbnailSize: Dp = Dimensions.thumbnails.song,
+    withGradient: Boolean = true,
+    imageContent: @Composable BoxScope.() -> Unit
+) {
+    val (colorPalette, typography) = LocalAppearance.current
+
     Box(
         modifier = modifier
             .background(colorPalette.lightBackground)
             .size(thumbnailSize * 2)
     ) {
-        if (thumbnails.toSet().size == 1) {
-            AsyncImage(
-                model = thumbnails.first().thumbnail(thumbnailSizePx * 2),
-                contentDescription = null,
-                contentScale = ContentScale.Crop,
-                modifier = Modifier
-                    .size(thumbnailSize * 2)
-            )
-        } else {
-            listOf(
-                Alignment.TopStart,
-                Alignment.TopEnd,
-                Alignment.BottomStart,
-                Alignment.BottomEnd
-            ).forEachIndexed { index, alignment ->
-                AsyncImage(
-                    model = thumbnails.getOrNull(index).thumbnail(thumbnailSizePx),
-                    contentDescription = null,
-                    contentScale = ContentScale.Crop,
-                    modifier = Modifier
-                        .align(alignment)
-                        .size(thumbnailSize)
-                )
-            }
-        }
+        Box(
+            modifier = Modifier
+                .size(thumbnailSize * 2),
+            content = imageContent
+        )
 
         BasicText(
-            text = playlistPreview.playlist.name,
+            text = name,
             style = typography.xxs.semiBold.color(Color.White),
             maxLines = 2,
             overflow = TextOverflow.Ellipsis,
             modifier = Modifier
                 .fillMaxWidth()
                 .align(Alignment.BottomStart)
-                .background(
-                    Brush.verticalGradient(
-                        colors = listOf(
-                            Color.Transparent,
-                            Color.Black.copy(alpha = 0.75f)
+                .run {
+                    if (withGradient) {
+                        background(
+                            Brush.verticalGradient(
+                                colors = listOf(
+                                    Color.Transparent,
+                                    Color.Black.copy(alpha = 0.75f)
+                                )
+                            )
                         )
-                    )
-                )
+                    } else {
+                        this
+                    }
+                }
                 .padding(horizontal = 8.dp, vertical = 4.dp)
         )
     }