feat(welcome-screen)added the resizable text composable

Author: dani-zilla

components/ui/bolt/src/commonMain/kotlin/app/k9mail/core/ui/compose/designsystem/atom/text/TextDisplayMediumAutoResize.kt

@@ -3,6 +3,7 @@ package app.k9mail.core.ui.compose.designsystem.atom.text
 import androidx.compose.foundation.text.BasicText
 import androidx.compose.foundation.text.TextAutoSize
 import androidx.compose.runtime.Composable
+import androidx.compose.material3.Text as Material3Text
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.TextStyle
@@ -18,7 +19,7 @@ fun TextDisplayMediumAutoResize(
     textAlign: TextAlign? = null,
 ) {
     val style: TextStyle = MainTheme.typography.displayMedium
-    BasicText(
+    Material3Text(
         text = text,
         modifier = modifier,
         style = style.merge(

core/common/build.gradle.kts

@@ -24,7 +24,6 @@ kotlin {
             implementation(projects.core.logging.implLegacy)
             implementation(projects.core.logging.api)
             implementation(projects.core.logging.implFile)
-            implementation(libs.koin.compose)
         }
         getByName("commonJvmTest") {
             dependencies {

core/common/src/commonMain/kotlin/net/thunderbird/core/common/provider/BrandTypographyProvider.kt

@@ -24,17 +24,21 @@ import app.k9mail.core.ui.compose.designsystem.atom.button.ButtonFilled
 import app.k9mail.core.ui.compose.designsystem.atom.button.ButtonText
 import app.k9mail.core.ui.compose.designsystem.atom.text.TextBodyLarge
 import app.k9mail.core.ui.compose.designsystem.atom.text.TextBodySmall
-import app.k9mail.core.ui.compose.designsystem.atom.text.TextDisplayMedium
 import app.k9mail.core.ui.compose.designsystem.atom.text.TextDisplayMediumAutoResize
 import app.k9mail.core.ui.compose.designsystem.template.LazyColumnWithHeaderFooter
 import app.k9mail.core.ui.compose.designsystem.template.ResponsiveContent
 import app.k9mail.feature.onboarding.welcome.R
+import net.thunderbird.core.ui.common.window.WindowSizeClass
+import net.thunderbird.core.ui.common.window.WindowWidthSizeClass
+import net.thunderbird.core.ui.common.window.calculateWindowSizeInfo
 import net.thunderbird.core.ui.compose.theme2.MainTheme
 import org.jetbrains.compose.resources.painterResource
 
 private const val CIRCLE_COLOR = 0xFFEEEEEE
 private const val CIRCLE_SIZE_DP = 200
+private const val CIRCLE_SIZE_SMALL_DP = 125
 private const val LOGO_SIZE_DP = 125
+private const val LOGO_SIZE_SMALL_DP = 80
 
 @Composable
 internal fun WelcomeContent(
@@ -90,6 +94,19 @@ private fun WelcomeHeaderSection(
 private fun WelcomeLogo(
     modifier: Modifier = Modifier,
 ) {
+    val windowSizeInfo = calculateWindowSizeInfo()
+    val isSmallScreen =
+        windowSizeInfo.sizeClass.widthSizeClass == WindowWidthSizeClass.Small
+    val circleSize = if (isSmallScreen) {
+        CIRCLE_SIZE_SMALL_DP
+    } else {
+        CIRCLE_SIZE_DP
+    }
+    val logoSize = if (isSmallScreen) {
+        LOGO_SIZE_SMALL_DP
+    } else {
+        LOGO_SIZE_DP
+    }
     Column(
         modifier = modifier,
         horizontalAlignment = Alignment.CenterHorizontally,
@@ -98,13 +115,13 @@ private fun WelcomeLogo(
             modifier = Modifier
                 .clip(CircleShape)
                 .background(Color(CIRCLE_COLOR))
-                .size(CIRCLE_SIZE_DP.dp),
+                .size(circleSize.dp),
         ) {
             Image(
                 painter = painterResource(MainTheme.images.logo),
                 contentDescription = null,
                 modifier = Modifier
-                    .size(LOGO_SIZE_DP.dp)
+                    .size(logoSize.dp)
                     .align(Alignment.Center),
             )
         }
@@ -135,12 +152,10 @@ private fun WelcomeTitle(
         modifier = modifier.padding(horizontal = MainTheme.spacings.quadruple),
         horizontalAlignment = Alignment.CenterHorizontally,
     ) {
-        UsingBrandTypography {
-            TextDisplayMediumAutoResize(
-                text = title,
-                textAlign = TextAlign.Center,
-            )
-        }
+        TextDisplayMediumAutoResize(
+            text = title,
+            textAlign = TextAlign.Center,
+        )
     }
 }
 

core/ui/compose/designsystem/src/main/kotlin/app/k9mail/core/ui/compose/designsystem/atom/text/TextDisplayMediumAutoResize.kt

@@ -255,7 +255,6 @@ junit = { module = "junit:junit", version.ref = "junit" }
 jutf7 = { module = "com.beetstra.jutf7:jutf7", version.ref = "jutf7" }
 jzlib = { module = "com.jcraft:jzlib", version.ref = "jzlib" }
 koin-bom = { module = "io.insert-koin:koin-bom", version.ref = "koinBom" }
-koin-compose = { module = "io.insert-koin:koin-compose" }
 koin-core = { module = "io.insert-koin:koin-core" }
 koin-core-viewmodel = { module = "io.insert-koin:koin-core-viewmodel" }
 koin-compose-viewmodel = { module = "io.insert-koin:koin-compose-viewmodel" }