carousel fix

app/build.gradle.kts

@@ -125,6 +125,8 @@ dependencies {
     implementation("androidx.core:core-ktx:1.11.0-beta02")
     // reflect / debug purposes only
     implementation(kotlin("reflect", "1.8.21"))
+    // window manager
+    implementation("androidx.window:window:1.0.0")
     // compose base libs
     implementation(
         platform("androidx.compose:compose-bom:2023.06.01")

app/src/main/kotlin/org/mjdev/tvapp/base/ui/components/carousel/BigCarousel.kt

@@ -9,6 +9,7 @@
 package org.mjdev.tvapp.base.ui.components.carousel
 
 import android.annotation.SuppressLint
+import androidx.compose.foundation.layout.BoxWithConstraints
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.runtime.Composable
@@ -18,13 +19,14 @@ import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.FocusState
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalConfiguration
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.tv.material3.CardScale
 import androidx.tv.material3.Carousel
 import androidx.tv.material3.ExperimentalTvMaterial3Api
 import org.mjdev.tvapp.base.extensions.ComposeExt
+import org.mjdev.tvapp.base.extensions.ComposeExt.isEditMode
 import org.mjdev.tvapp.base.extensions.ComposeExt.isFocused
 import org.mjdev.tvapp.base.ui.components.card.CarouselCard
 
@@ -36,38 +38,40 @@ import org.mjdev.tvapp.base.ui.components.card.CarouselCard
 fun BigCarousel(
     modifier: Modifier = Modifier,
     items: List<Any?> = emptyList(),
-    height: Dp = 260.dp,
     onItemSelected: (movie: Any?) -> Unit = {},
     onItemClicked: (movie: Any?) -> Unit = {},
 ) {
+    val isEdit = isEditMode()
+    val height = if (isEdit) 128.dp else (LocalConfiguration.current.screenHeightDp / 2).dp
     val focusState: MutableState<FocusState?> = ComposeExt.rememberFocusState()
     val itemIndex = remember { mutableIntStateOf(0) }
-    val selectedItem: () -> Any? = {
-        items[itemIndex.value]
-    }
-    Carousel(
-        itemCount = items.size,
-        modifier = modifier
-            .fillMaxWidth()
-            .height(height),
-    ) { indexOfCarouselItem ->
-        itemIndex.value = indexOfCarouselItem
-        CarouselCard(
+    val selectedItem: () -> Any? = { items[itemIndex.value] }
+    BoxWithConstraints {
+        Carousel(
+            itemCount = items.size,
             modifier = modifier
                 .fillMaxWidth()
                 .height(height),
-            contentScale = ContentScale.Crop,
-            scale = CardScale.None,
-            focusState = focusState,
-            onFocus = {
-                if (focusState.isFocused) {
-                    // todo check
-                    onItemSelected(selectedItem())
+        ) { indexOfCarouselItem ->
+            itemIndex.value = indexOfCarouselItem
+            CarouselCard(
+                item = items[indexOfCarouselItem],
+                modifier = modifier
+                    .fillMaxWidth()
+                    .height(height),
+                contentScale = ContentScale.Crop,
+                scale = CardScale.None,
+                focusState = focusState,
+                onFocus = {
+                    if (focusState.isFocused) {
+                        // todo check
+                        onItemSelected(selectedItem())
+                    }
+                },
+                onClick = {
+                    onItemClicked(selectedItem())
                 }
-            },
-            onClick = {
-                onItemClicked(selectedItem())
-            }
-        )
+            )
+        }
     }
 }