Updated on 2026-08-14

core/ui/src/main/java/com/tangem/core/ui/components/appbar/AppBarWithBackButton.kt

@@ -32,9 +32,9 @@ fun AppBarWithBackButton(
     TangemTopAppBar(
         modifier = modifier,
         title = text,
-        startButton = TopAppBarButtonUM(
+        startButton = TopAppBarButtonUM.Icon(
             iconRes = iconRes ?: R.drawable.ic_back_24,
-            onIconClicked = onBackClick,
+            onClicked = onBackClick,
         ),
         containerColor = containerColor,
     )

core/ui/src/main/java/com/tangem/core/ui/components/appbar/AppBarWithBackButtonAndIcon.kt

@@ -27,14 +27,14 @@ fun AppBarWithBackButtonAndIcon(
         title = text,
         subtitle = subtitle,
         containerColor = backgroundColor,
-        startButton = TopAppBarButtonUM(
+        startButton = TopAppBarButtonUM.Icon(
             iconRes = backIconRes ?: R.drawable.ic_back_24,
-            onIconClicked = onBackClick,
+            onClicked = onBackClick,
         ),
         endButton = if (iconRes != null && onIconClick != null) {
-            TopAppBarButtonUM(
+            TopAppBarButtonUM.Icon(
                 iconRes = iconRes,
-                onIconClicked = onIconClick,
+                onClicked = onIconClick,
             )
         } else {
             null

core/ui/src/main/java/com/tangem/core/ui/components/appbar/TangemTopAppBar.kt

@@ -301,25 +301,25 @@ private class BasicTopAppBarPMPreviewProvider : PreviewParameterProvider<BasicTo
                 height = TangemTopAppBarHeight.BOTTOM_SHEET,
             ),
             BasicTopAppBarPM(
-                startButton = TopAppBarButtonUM(
+                startButton = TopAppBarButtonUM.Icon(
                     iconRes = R.drawable.ic_scan_24,
-                    onIconClicked = {},
+                    onClicked = {},
                 ),
-                endButton = TopAppBarButtonUM(
+                endButton = TopAppBarButtonUM.Icon(
                     iconRes = R.drawable.ic_more_vertical_24,
-                    onIconClicked = {},
+                    onClicked = {},
                 ),
             ),
             BasicTopAppBarPM(
-                startButton = TopAppBarButtonUM(
+                startButton = TopAppBarButtonUM.Icon(
                     iconRes = R.drawable.ic_scan_24,
-                    onIconClicked = {},
+                    onClicked = {},
                 ),
             ),
             BasicTopAppBarPM(
-                endButton = TopAppBarButtonUM(
+                endButton = TopAppBarButtonUM.Icon(
                     iconRes = R.drawable.ic_more_vertical_24,
-                    onIconClicked = {},
+                    onClicked = {},
                 ),
                 height = TangemTopAppBarHeight.BOTTOM_SHEET,
             ),
@@ -327,13 +327,13 @@ private class BasicTopAppBarPMPreviewProvider : PreviewParameterProvider<BasicTo
                 title = "1234567891011121314151617181920",
                 subtitle = "12345678910111213141516171819202122232425",
                 titleAlignment = Alignment.Start,
-                startButton = TopAppBarButtonUM(
+                startButton = TopAppBarButtonUM.Icon(
                     iconRes = R.drawable.ic_scan_24,
-                    onIconClicked = {},
+                    onClicked = {},
                 ),
-                endButton = TopAppBarButtonUM(
+                endButton = TopAppBarButtonUM.Icon(
                     iconRes = R.drawable.ic_more_vertical_24,
-                    onIconClicked = {},
+                    onClicked = {},
                 ),
             ),
         )

core/ui/src/main/java/com/tangem/core/ui/components/appbar/TopAppBarButton.kt

@@ -1,27 +1,49 @@
 package com.tangem.core.ui.components.appbar
 
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
 import com.tangem.core.ui.components.appbar.models.TopAppBarButtonUM
+import com.tangem.core.ui.extensions.conditional
+import com.tangem.core.ui.extensions.resolveReference
 import com.tangem.core.ui.res.TangemTheme
 
 @Composable
 fun TopAppBarButton(button: TopAppBarButtonUM, tint: Color, modifier: Modifier = Modifier) {
-    IconButton(
-        enabled = button.enabled,
-        modifier = modifier.size(TangemTheme.dimens.size32),
-        onClick = button.onIconClicked,
-    ) {
-        Icon(
-            modifier = Modifier.size(TangemTheme.dimens.size24),
-            painter = painterResource(id = button.iconRes),
-            tint = tint,
-            contentDescription = null,
-        )
+    when (button) {
+        is TopAppBarButtonUM.Icon -> {
+            IconButton(
+                enabled = button.enabled,
+                modifier = modifier.size(TangemTheme.dimens.size32),
+                onClick = button.onClicked,
+            ) {
+                Icon(
+                    modifier = Modifier.size(TangemTheme.dimens.size24),
+                    painter = painterResource(id = button.iconRes),
+                    tint = tint,
+                    contentDescription = null,
+                )
+            }
+        }
+        is TopAppBarButtonUM.Text -> {
+            Text(
+                modifier = modifier
+                    .conditional(button.enabled) {
+                        clickable { button.onClicked() }
+                    }
+                    .padding(4.dp),
+                text = button.text.resolveReference(),
+                color = tint,
+                style = TangemTheme.typography.body1,
+            )
+        }
     }
 }

core/ui/src/main/java/com/tangem/core/ui/components/appbar/models/TopAppBarButtonUM.kt

@@ -2,21 +2,39 @@ package com.tangem.core.ui.components.appbar.models
 
 import androidx.annotation.DrawableRes
 import com.tangem.core.ui.R
+import com.tangem.core.ui.extensions.TextReference
 
-data class TopAppBarButtonUM(
-    @DrawableRes val iconRes: Int,
-    val onIconClicked: () -> Unit,
-    val enabled: Boolean = true,
+sealed class TopAppBarButtonUM(
+    open val onClicked: () -> Unit,
+    open val enabled: Boolean = true,
 ) {
 
+    data class Icon(
+        @DrawableRes val iconRes: Int,
+        override val onClicked: () -> Unit,
+        override val enabled: Boolean = true,
+    ) : TopAppBarButtonUM(onClicked, enabled)
+
+    data class Text(
+        val text: TextReference,
+        override val onClicked: () -> Unit,
+        override val enabled: Boolean = true,
+    ) : TopAppBarButtonUM(onClicked, enabled)
+
     @Suppress("FunctionName")
     companion object {
 
         fun Back(onBackClicked: () -> Unit) = Back(true, onBackClicked)
 
-        fun Back(enabled: Boolean = true, onBackClicked: () -> Unit) = TopAppBarButtonUM(
+        fun Back(enabled: Boolean = true, onBackClicked: () -> Unit) = Icon(
             iconRes = R.drawable.ic_back_24,
-            onIconClicked = onBackClicked,
+            onClicked = onBackClicked,
+            enabled = enabled,
+        )
+
+        fun Text(text: TextReference, onTextClicked: () -> Unit, enabled: Boolean = true) = Text(
+            text = text,
+            onClicked = onTextClicked,
             enabled = enabled,
         )
     }

core/ui/src/main/java/com/tangem/core/ui/components/bottomsheets/sheet/TangemBottomSheetTitle.kt

@@ -57,9 +57,9 @@ private fun Preview_TangemBottomSheetTitle() {
     TangemThemePreview {
         TangemBottomSheetTitle(
             title = "Title",
-            endButton = TopAppBarButtonUM(
+            endButton = TopAppBarButtonUM.Icon(
                 iconRes = R.drawable.ic_information_24,
-                onIconClicked = {},
+                onClicked = {},
             ),
             containerColor = TangemTheme.colors.background.secondary,
         )