Add TextCard component

2022-06-29 21:33:35 +02:00
parent 53190a39f7
commit fd41e78625
4 changed files with 137 additions and 94 deletions
--- a/app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/components/themed/TextCard.kt
+++ b/app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/components/themed/TextCard.kt
@@ -0,0 +1,110 @@
+package it.vfsfitvnm.vimusic.ui.components.themed
+
+import androidx.annotation.DrawableRes
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.text.BasicText
+import androidx.compose.material.ripple.rememberRipple
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import it.vfsfitvnm.vimusic.ui.styling.LocalColorPalette
+import it.vfsfitvnm.vimusic.ui.styling.LocalTypography
+import it.vfsfitvnm.vimusic.utils.align
+import it.vfsfitvnm.vimusic.utils.secondary
+import it.vfsfitvnm.vimusic.utils.semiBold
+
+
+@Composable
+fun TextCard(
+    modifier: Modifier = Modifier,
+    @DrawableRes icon: Int? = null,
+    iconColor: ColorFilter? = null,
+    onClick: (() -> Unit)? = null,
+    content: @Composable TextCardScope.() -> Unit,
+) {
+    val colorPalette = LocalColorPalette.current
+
+    Column(
+        modifier = modifier
+            .padding(horizontal = 16.dp, vertical = 16.dp)
+            .clickable(
+                interactionSource = remember { MutableInteractionSource() },
+                indication = rememberRipple(bounded = true),
+                enabled = onClick != null,
+                onClick = onClick ?: {}
+            )
+            .background(colorPalette.lightBackground)
+            .padding(horizontal = 16.dp, vertical = 16.dp)
+    ) {
+        icon?.let {
+            Image(
+                painter = painterResource(icon),
+                contentDescription = null,
+                colorFilter = iconColor ?: ColorFilter.tint(colorPalette.red),
+                modifier = Modifier
+                    .padding(bottom = 16.dp)
+                    .size(24.dp)
+            )
+        }
+
+        (icon?.let { IconTextCardScopeImpl } ?: TextCardScopeImpl).content()
+    }
+}
+
+interface TextCardScope {
+    @Composable
+    fun Title(text: String)
+
+    @Composable
+    fun Text(text: String)
+}
+
+private object TextCardScopeImpl : TextCardScope {
+    @Composable
+    override fun Title(text: String) {
+        BasicText(
+            text = text,
+            style = LocalTypography.current.xxs.semiBold,
+        )
+    }
+
+    @Composable
+    override fun Text(text: String) {
+        BasicText(
+            text = text,
+            style = LocalTypography.current.xxs.secondary.align(TextAlign.Justify),
+        )
+    }
+}
+
+private object IconTextCardScopeImpl : TextCardScope {
+    @Composable
+    override fun Title(text: String) {
+        BasicText(
+            text = text,
+            style = LocalTypography.current.xxs.semiBold,
+            modifier = Modifier
+                .padding(horizontal = 16.dp)
+        )
+    }
+
+    @Composable
+    override fun Text(text: String) {
+        BasicText(
+            text = text,
+            style = LocalTypography.current.xxs.secondary,
+            modifier = Modifier
+                .padding(horizontal = 16.dp)
+        )
+    }
+}