From 472c6e8d5123671a03f79fc4acf35e1dfe37866b Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Thu, 10 Jul 2025 00:29:22 +0200
Subject: [PATCH] design

---
 .../java/com/bitchat/android/ui/ChatHeader.kt | 42 ++++++++++++++-----
 .../com/bitchat/android/ui/InputComponents.kt | 16 +++----
 2 files changed, 40 insertions(+), 18 deletions(-)

diff --git a/app/src/main/java/com/bitchat/android/ui/ChatHeader.kt b/app/src/main/java/com/bitchat/android/ui/ChatHeader.kt
index 010fbd5d..e76dba4c 100644
--- a/app/src/main/java/com/bitchat/android/ui/ChatHeader.kt
+++ b/app/src/main/java/com/bitchat/android/ui/ChatHeader.kt
@@ -215,11 +215,22 @@ private fun PrivateChatHeader(
             ),
             contentPadding = PaddingValues(horizontal = 12.dp, vertical = 4.dp)
         ) {
-            Text(
-                text = "← back",
-                style = MaterialTheme.typography.bodyMedium,
-                color = colorScheme.primary
-            )
+            Row(
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Icon(
+                    imageVector = Icons.Filled.ArrowBack,
+                    contentDescription = "Back",
+                    modifier = Modifier.size(16.dp),
+                    tint = colorScheme.primary
+                )
+                Spacer(modifier = Modifier.width(4.dp))
+                Text(
+                    text = "back",
+                    style = MaterialTheme.typography.bodyMedium,
+                    color = colorScheme.primary
+                )
+            }
         }
         
         Spacer(modifier = Modifier.weight(1f))
@@ -268,11 +279,22 @@ private fun ChannelHeader(
         verticalAlignment = Alignment.CenterVertically
     ) {
         IconButton(onClick = onBackClick) {
-            Text(
-                text = "← back",
-                style = MaterialTheme.typography.bodyMedium,
-                color = colorScheme.primary
-            )
+            Row(
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Icon(
+                    imageVector = Icons.Filled.ArrowBack,
+                    contentDescription = "Back",
+                    modifier = Modifier.size(16.dp),
+                    tint = colorScheme.primary
+                )
+                Spacer(modifier = Modifier.width(4.dp))
+                Text(
+                    text = "back",
+                    style = MaterialTheme.typography.bodyMedium,
+                    color = colorScheme.primary
+                )
+            }
         }
         
         Spacer(modifier = Modifier.weight(1f))
diff --git a/app/src/main/java/com/bitchat/android/ui/InputComponents.kt b/app/src/main/java/com/bitchat/android/ui/InputComponents.kt
index 7ebcff46..cc25dc4f 100644
--- a/app/src/main/java/com/bitchat/android/ui/InputComponents.kt
+++ b/app/src/main/java/com/bitchat/android/ui/InputComponents.kt
@@ -7,6 +7,8 @@ import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.*
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
@@ -97,20 +99,18 @@ fun MessageInput(
                     ),
                 contentAlignment = Alignment.Center
             ) {
-                Text(
-                    text = "↑",
-                    style = MaterialTheme.typography.titleMedium.copy(
-                        fontSize = 20.sp,
-                        fontWeight = FontWeight.Bold
-                    ),
-                    color = if (selectedPrivatePeer != null) {
+                Icon(
+                    imageVector = Icons.Filled.KeyboardArrowUp,
+                    contentDescription = "Send message",
+                    modifier = Modifier.size(20.dp),
+                    tint = if (selectedPrivatePeer != null) {
                         // Black arrow on orange in private mode
                         Color.Black
                     } else if (colorScheme.background == Color.Black) {
                         Color.Black // Black arrow on bright green in dark theme
                     } else {
                         Color.White // White arrow on dark green in light theme
-                    },
+                    }
                 )
             }
         }