🚚 ViewType 과 Gradient 를 별도의 Composable 로 분리

mash-up-kr · Oct 4, 2024 · 3533b4a · 3533b4a
1 parent c445c0e
commit 3533b4a
Showing 1 changed file with 41 additions and 29 deletions.
diff --git a/.../java/com/mashup/gabbangzip/sharedalbum/presentation/ui/main/grouphome/GroupHomeScreen.kt b/.../java/com/mashup/gabbangzip/sharedalbum/presentation/ui/main/grouphome/GroupHomeScreen.kt
@@ -10,6 +10,7 @@ import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.BoxScope
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
@@ -184,35 +185,10 @@ fun GroupHomeScreen(
                     filterTagList = filterTagList,
                     onTagClicked = onClickFilterTag,
                 )
-                Box(
-                    modifier = Modifier
-                        .width(100.dp)
-                        .wrapContentHeight()
-                        .background(
-                            brush = Brush.linearGradient(
-                                listOf(
-                                    Color.Transparent,
-                                    Gray0,
-                                    Gray0,
-                                ),
-                            ),
-                        )
-                        .align(Alignment.CenterEnd),
-                ) {
-                    ViewTypeButton(
-                        modifier = Modifier
-                            .noRippleClickable {
-                                when (currentViewType) {
-                                    ViewType.List -> onClickViewType(ViewType.Grid)
-                                    ViewType.Grid -> onClickViewType(ViewType.List)
-                                }
-                            }
-                            .padding(top = 11.dp, bottom = 11.dp, end = 20.dp)
-                            .wrapContentSize()
-                            .align(Alignment.CenterEnd),
-                        currentViewType = currentViewType,
-                    )
-                }
+                ViewTypeWithGradient(
+                    currentViewType = currentViewType,
+                    onClickViewType = onClickViewType,
+                )
             }
 
             Spacer(
@@ -254,6 +230,42 @@ fun GroupHomeScreen(
     }
 }
 
+@Composable
+private fun BoxScope.ViewTypeWithGradient(
+    currentViewType: ViewType,
+    onClickViewType: (ViewType) -> Unit,
+) {
+    Box(
+        modifier = Modifier
+            .width(100.dp)
+            .wrapContentHeight()
+            .background(
+                brush = Brush.linearGradient(
+                    listOf(
+                        Color.Transparent,
+                        Gray0,
+                        Gray0,
+                    ),
+                ),
+            )
+            .align(Alignment.CenterEnd),
+    ) {
+        ViewTypeButton(
+            modifier = Modifier
+                .noRippleClickable {
+                    when (currentViewType) {
+                        ViewType.List -> onClickViewType(ViewType.Grid)
+                        ViewType.Grid -> onClickViewType(ViewType.List)
+                    }
+                }
+                .padding(top = 11.dp, bottom = 11.dp, end = 20.dp)
+                .wrapContentSize()
+                .align(Alignment.CenterEnd),
+            currentViewType = currentViewType,
+        )
+    }
+}
+
 @Composable
 private fun ViewTypeButton(
     modifier: Modifier,