Update project

michaelbel · Oct 24, 2024 · ceba5cb · ceba5cb
1 parent e4e4270
commit ceba5cb
Showing 1 changed file with 16 additions and 21 deletions.
diff --git a/...ure/details-impl/src/commonMain/kotlin/org/michaelbel/movies/details/ui/DetailsFailure.kt b/...ure/details-impl/src/commonMain/kotlin/org/michaelbel/movies/details/ui/DetailsFailure.kt
@@ -1,16 +1,21 @@
 package org.michaelbel.movies.details.ui
 
 import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
-import androidx.constraintlayout.compose.ConstraintLayout
-import androidx.constraintlayout.compose.Dimension
 import org.jetbrains.compose.resources.stringResource
 import org.jetbrains.compose.ui.tooling.preview.Preview
 import org.michaelbel.movies.ui.accessibility.MoviesContentDescriptionCommon
@@ -22,34 +27,24 @@ import org.michaelbel.movies.ui.theme.MoviesTheme
 internal fun DetailsFailure(
     modifier: Modifier = Modifier
 ) {
-    ConstraintLayout(
-        modifier = modifier
+    Column(
+        modifier = modifier,
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
     ) {
-        val (image, text) = createRefs()
-
         Icon(
             imageVector = MoviesIcons.Info,
             contentDescription = MoviesContentDescriptionCommon.None,
-            modifier = Modifier.constrainAs(image) {
-                width = Dimension.value(36.dp)
-                height = Dimension.value(36.dp)
-                start.linkTo(parent.start)
-                top.linkTo(parent.top)
-                end.linkTo(parent.end)
-                bottom.linkTo(parent.bottom, 8.dp)
-            },
+            modifier = Modifier.size(36.dp),
             tint = MaterialTheme.colorScheme.error
         )
 
         Text(
             text = stringResource(MoviesStrings.details_error_loading),
-            modifier = Modifier.constrainAs(text) {
-                width = Dimension.fillToConstraints
-                height = Dimension.wrapContent
-                start.linkTo(parent.start, 16.dp)
-                top.linkTo(image.bottom, 8.dp)
-                end.linkTo(parent.end, 16.dp)
-            },
+            modifier = Modifier
+                .padding(start = 16.dp, top = 8.dp, end = 16.dp)
+                .fillMaxWidth()
+                .wrapContentHeight(),
             textAlign = TextAlign.Center,
             style = MaterialTheme.typography.bodyMedium.copy(MaterialTheme.colorScheme.onPrimaryContainer)
         )