Extra PaneTitle and PaneRow components for reusing

Author: andremion

stream-chat-android-compose-sample/src/main/java/io/getstream/chat/android/compose/sample/ui/component/Pane.kt

@@ -0,0 +1,84 @@
+/*
+ * Copyright (c) 2014-2025 Stream.io Inc. All rights reserved.
+ *
+ * Licensed under the Stream License;
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    https://github.com/GetStream/stream-chat-android/blob/main/LICENSE
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package io.getstream.chat.android.compose.sample.ui.component
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.RowScope
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.RectangleShape
+import androidx.compose.ui.unit.dp
+import io.getstream.chat.android.compose.ui.theme.ChatTheme
+
+@Composable
+internal fun PaneTitle(
+    text: String,
+    padding: PaddingValues = PaddingValues(
+        top = 24.dp,
+        start = 16.dp,
+        bottom = 8.dp,
+        end = 16.dp,
+    ),
+) {
+    Text(
+        modifier = Modifier.padding(padding),
+        text = text,
+        style = ChatTheme.typography.footnote,
+        color = ChatTheme.colors.textLowEmphasis,
+    )
+}
+
+@Composable
+internal fun PaneRow(
+    index: Int,
+    lastIndex: Int,
+    content: @Composable RowScope.() -> Unit,
+) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .run {
+                val shape = when (index) {
+                    0 -> if (lastIndex == 0) {
+                        // Single item in the list
+                        RoundedCornerShape(12.dp)
+                    } else {
+                        // Top item in the list
+                        RoundedCornerShape(topStart = 12.dp, topEnd = 12.dp)
+                    }
+                    // Bottom item in the list
+                    lastIndex -> RoundedCornerShape(bottomStart = 12.dp, bottomEnd = 12.dp)
+                    // Middle item in the list
+                    else -> RectangleShape
+                }
+                background(
+                    color = ChatTheme.colors.barsBackground,
+                    shape = shape,
+                )
+            }
+            .padding(horizontal = 16.dp, vertical = 8.dp),
+        horizontalArrangement = Arrangement.SpaceBetween,
+        content = content,
+    )
+}

stream-chat-android-compose-sample/src/main/java/io/getstream/chat/android/compose/sample/ui/profile/UserProfileScreen.kt

@@ -28,7 +28,6 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -81,6 +80,8 @@ import androidx.compose.ui.unit.dp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import androidx.lifecycle.viewmodel.compose.viewModel
 import io.getstream.chat.android.compose.sample.R
+import io.getstream.chat.android.compose.sample.ui.component.PaneRow
+import io.getstream.chat.android.compose.sample.ui.component.PaneTitle
 import io.getstream.chat.android.compose.ui.components.BackButton
 import io.getstream.chat.android.compose.ui.components.LoadingIndicator
 import io.getstream.chat.android.compose.ui.components.avatar.UserAvatar
@@ -752,58 +753,6 @@ private fun LazyListScope.unreadChannelsByTeam(
     }
 }
 
-@Composable
-private fun PaneTitle(
-    text: String,
-    padding: PaddingValues = PaddingValues(
-        top = 24.dp,
-        start = 16.dp,
-        bottom = 8.dp,
-        end = 16.dp,
-    ),
-) {
-    Text(
-        modifier = Modifier.padding(padding),
-        text = text,
-        style = ChatTheme.typography.footnote,
-        color = ChatTheme.colors.textLowEmphasis,
-    )
-}
-
-@Composable
-private fun PaneRow(
-    index: Int,
-    lastIndex: Int,
-    content: @Composable RowScope.() -> Unit,
-) {
-    Row(
-        modifier = Modifier
-            .fillMaxWidth()
-            .run {
-                val shape = when (index) {
-                    0 -> if (lastIndex == 0) {
-                        // Single item in the list
-                        RoundedCornerShape(12.dp)
-                    } else {
-                        // Top item in the list
-                        RoundedCornerShape(topStart = 12.dp, topEnd = 12.dp)
-                    }
-                    // Bottom item in the list
-                    lastIndex -> RoundedCornerShape(bottomStart = 12.dp, bottomEnd = 12.dp)
-                    // Middle item in the list
-                    else -> RectangleShape
-                }
-                background(
-                    color = ChatTheme.colors.barsBackground,
-                    shape = shape,
-                )
-            }
-            .padding(horizontal = 16.dp, vertical = 8.dp),
-        horizontalArrangement = Arrangement.SpaceBetween,
-        content = content,
-    )
-}
-
 @Composable
 private fun CountText(
     count: Int,