Add animation to show and hide bottom sheet header

dhis2 · Sep 20, 2024 · 2514e0f · 2514e0f
1 parent 5b330cb
commit 2514e0f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/...c/commonMain/kotlin/org/hisp/dhis/common/screens/bottomSheets/OrgTreeBottomSheetScreen.kt b/...c/commonMain/kotlin/org/hisp/dhis/common/screens/bottomSheets/OrgTreeBottomSheetScreen.kt
@@ -125,7 +125,7 @@ fun OrgTreeBottomSheetScreen() {
 
         OrgBottomSheet(
             title = "Transfer [tracked entity type]",
-            description = "From [current owner org. unit] to...",
+            subtitle = "From [current owner org. unit] to...",
             orgTreeItems = oneOrgTreeItem,
             doneButtonText = "Transfer",
             doneButtonIcon = Icons.Outlined.MoveDown,

diff --git a/...ystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/BottomSheet.kt b/...ystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/BottomSheet.kt
@@ -1,5 +1,6 @@
 package org.hisp.dhis.mobile.ui.designsystem.component
 
+import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.ScrollState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.ScrollableState
@@ -222,7 +223,9 @@ fun BottomSheetShell(
             ) {
                 val hasSearch =
                     searchQuery != null && onSearchQueryChanged != null && onSearch != null
-                if (showHeader) {
+                AnimatedVisibility(
+                    visible = showHeader,
+                ) {
                     BottomSheetHeader(
                         title = title!!,
                         subTitle = subtitle,