Updated on 2026-08-14

app/src/main/java/com/tangem/tap/features/details/ui/walletconnect/WalletConnectScreen.kt

@@ -5,7 +5,10 @@ import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.*
+import androidx.compose.material3.FloatingActionButton
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -15,6 +18,7 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.tangem.core.analytics.Analytics
+import com.tangem.core.ui.components.progressbar.TangemLinearProgressIndicator
 import com.tangem.core.ui.extensions.stringResourceSafe
 import com.tangem.core.ui.res.TangemTheme
 import com.tangem.tap.common.analytics.events.Settings
@@ -71,7 +75,7 @@ private fun AddSessionFab(onAddSession: () -> Unit, modifier: Modifier = Modifie
 @Composable
 private fun EmptyScreen(state: WalletConnectScreenState) {
     if (state.isLoading) {
-        LinearProgressIndicator(
+        TangemLinearProgressIndicator(
             modifier = Modifier.fillMaxWidth(),
             color = TangemTheme.colors.icon.accent,
         )
@@ -102,7 +106,7 @@ private fun EmptyScreen(state: WalletConnectScreenState) {
 @Composable
 private fun WalletConnectSessions(state: WalletConnectScreenState) {
     if (state.isLoading) {
-        LinearProgressIndicator(
+        TangemLinearProgressIndicator(
             modifier = Modifier
                 .fillMaxWidth()
                 .height(2.dp),

app/src/main/res/drawable/progress_rounded_shape.xml

@@ -0,0 +1,17 @@
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape>
+            <corners android:radius="4dp"/>
+            <solid android:color="@color/icon_informative" />
+        </shape>
+    </item>
+
+    <item android:id="@android:id/progress">
+       <scale android:scaleWidth="100%">
+           <shape>
+               <corners android:radius="4dp" />
+               <solid android:color="@color/icon_primary_1" />
+           </shape>
+       </scale>
+    </item>
+</layer-list>

app/src/main/res/layout/view_onboarding_progress.xml

@@ -4,9 +4,10 @@
         android:id="@+id/pb_state"
         style="@style/Widget.AppCompat.ProgressBar.Horizontal"
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
+        android:layout_height="20dp"
         android:layout_marginStart="16dp"
         android:layout_marginEnd="16dp"
-        android:progressBackgroundTint="@color/icon_informative"
-        android:progressTint="@color/icon_primary_1" />
+        android:paddingVertical="8dp"
+        android:indeterminate="false"
+        android:progressDrawable="@drawable/progress_rounded_shape" />
 </merge>