Uses ResponsiveListHeader in Browse Screen (#2236)

* Update list header and padding * Uses respondiveListHeader * 🤖 Updates screenshots --------- Co-authored-by: kul3r4 <[email protected]>
google · May 20, 2024 · 298a9ea · 298a9ea
1 parent 19b4441
commit 298a9ea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/media/ui/src/main/java/com/google/android/horologist/media/ui/screens/browse/BrowseScreen.kt b/media/ui/src/main/java/com/google/android/horologist/media/ui/screens/browse/BrowseScreen.kt
@@ -36,6 +36,8 @@ import com.google.android.horologist.composables.SectionedList
 import com.google.android.horologist.compose.layout.ScalingLazyColumnState
 import com.google.android.horologist.compose.layout.ScreenScaffold
 import com.google.android.horologist.compose.material.Chip
+import com.google.android.horologist.compose.material.ListHeaderDefaults.firstItemPadding
+import com.google.android.horologist.compose.material.ResponsiveListHeader
 import com.google.android.horologist.compose.material.Title
 import com.google.android.horologist.images.base.paintable.ImageVectorPaintable.Companion.asPaintable
 import com.google.android.horologist.media.ui.R
@@ -87,19 +89,15 @@ public class BrowseScreenScope {
         content: BrowseScreenSectionScope<T>.() -> Unit,
     ) {
         val scope = BrowseScreenSectionScope<T>().apply(content)
-        val firstSectionAdded = sections.isEmpty()
         sections.add(
             Section(
                 state = state,
                 headerContent = {
-                    Title(
-                        textId = titleId,
-                        modifier = if (firstSectionAdded) {
-                            Modifier.padding(bottom = 8.dp)
-                        } else {
-                            Modifier.padding(top = 8.dp, bottom = 8.dp)
-                        },
-                    )
+                    ResponsiveListHeader(
+                        contentPadding = firstItemPadding(),
+                    ) {
+                        Text(text = stringResource(id = titleId))
+                    }
                 },
                 loadingContent = scope.loadingContent,
                 loadedContent = scope.loadedContent,

diff --git a/...eens.browse_PlaylistDownloadBrowseScreenA11yTallScreenshotTest_browseScreen.png b/...eens.browse_PlaylistDownloadBrowseScreenA11yTallScreenshotTest_browseScreen.png