refactor(feature:send-money): improve ui ux in payment chat history and payment details screens

Author: biplab1

feature/send-money/src/commonMain/kotlin/org/mifospay/feature/send/money/PaymentChatHistoryScreen.kt

@@ -53,12 +53,12 @@ import androidx.compose.ui.unit.sp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import org.koin.compose.viewmodel.koinViewModel
 import org.mifospay.core.common.CurrencyFormatter
-import org.mifospay.core.common.DateHelper
 import org.mifospay.core.designsystem.component.MifosScaffold
 import org.mifospay.core.designsystem.icon.MifosIcons
 import org.mifospay.core.ui.AvatarBox
 import template.core.base.designsystem.theme.KptTheme
 
+// TODO make the topbar back button consistent with other screens
 @Composable
 fun PaymentChatHistoryScreen(
     onBackClick: () -> Unit,
@@ -143,7 +143,7 @@ private fun UserProfileTopBar(
             Text(
                 text = if (userType == UserType.BUSINESS) businessName else bankingName,
                 style = KptTheme.typography.titleMedium,
-                fontWeight = FontWeight.SemiBold,
+                fontWeight = FontWeight.Medium,
                 color = KptTheme.colorScheme.onSurface,
             )
 
@@ -226,7 +226,7 @@ private fun PaymentHistoryGroup(
             }
 
             if (transaction != group.transactions.last()) {
-                Spacer(modifier = Modifier.height(8.dp))
+                Spacer(modifier = Modifier.height(16.dp))
             }
         }
     }
@@ -258,13 +258,9 @@ private fun PaymentCard(
                 .padding(16.dp),
         ) {
             Text(
-                text = if (transaction.isSent) {
-                    "Payment to ${getFirstName(transaction.recipientName)}"
-                } else {
-                    "Payment from ${getFirstName(transaction.recipientName)}"
-                },
+                text = "Payment to ${getFirstName(transaction.recipientName)}",
                 style = KptTheme.typography.titleMedium,
-                fontWeight = FontWeight.SemiBold,
+                fontWeight = FontWeight.Medium,
                 color = KptTheme.colorScheme.onSurface,
             )
 
@@ -281,7 +277,7 @@ private fun PaymentCard(
             Text(
                 text = formatAmount(transaction.amount),
                 style = KptTheme.typography.headlineSmall,
-                fontWeight = FontWeight.SemiBold,
+                fontWeight = FontWeight.Medium,
                 color = KptTheme.colorScheme.onSurface,
             )
 
@@ -304,7 +300,7 @@ private fun PaymentCard(
                     Text(
                         text = "Paid - ${formatPaymentDate(transaction.paymentDate)}",
                         style = KptTheme.typography.bodyMedium,
-                        fontWeight = FontWeight.SemiBold,
+                        fontWeight = FontWeight.Medium,
                         color = KptTheme.colorScheme.onSurfaceVariant,
                     )
                 }
@@ -350,7 +346,7 @@ private fun PaymentActionBar(
                 Text(
                     text = "Pay",
                     style = KptTheme.typography.titleMedium,
-                    fontWeight = FontWeight.SemiBold,
+                    fontWeight = FontWeight.Medium,
                 )
             }
 
@@ -435,18 +431,6 @@ private fun MessageInput(
     }
 }
 
-private fun formatGroupDate(dateString: String): String {
-    return try {
-        // Parse the date string (e.g., "27 Aug 2025") and add current time
-        val currentDate = DateHelper.currentDate
-        val time = "${currentDate.hour.toString().padStart(2, '0')}:${currentDate.minute.toString().padStart(2, '0')}"
-        val amPm = if (currentDate.hour < 12) "am" else "pm"
-        "$dateString, $time $amPm"
-    } catch (e: Exception) {
-        dateString
-    }
-}
-
 private fun formatPaymentDate(dateString: String): String {
     return try {
         // Extract day, month, and year from the date string (e.g., "25 Sep 2023")

feature/send-money/src/commonMain/kotlin/org/mifospay/feature/send/money/PaymentChatHistoryViewModel.kt

@@ -64,7 +64,7 @@ class PaymentChatHistoryViewModel : ViewModel() {
                 transactions = listOf(
                     PaymentTransaction(
                         transactionId = "txn_005",
-                        recipientName = "Lisa Chen",
+                        recipientName = "Jane Smith",
                         amount = "3,200.00",
                         note = "Shopping payment",
                         paymentDate = "25 Sep 2025",
@@ -78,7 +78,7 @@ class PaymentChatHistoryViewModel : ViewModel() {
                 transactions = listOf(
                     PaymentTransaction(
                         transactionId = "txn_003",
-                        recipientName = "Emma Davis",
+                        recipientName = "Jane Smith",
                         amount = "2,000.00",
                         note = "Dinner payment",
                         paymentDate = "26 Sep 2025",
@@ -87,7 +87,7 @@ class PaymentChatHistoryViewModel : ViewModel() {
                     ),
                     PaymentTransaction(
                         transactionId = "txn_004",
-                        recipientName = "Alex Brown",
+                        recipientName = "You",
                         amount = "750.00",
                         note = "Movie tickets",
                         paymentDate = "26 Sep 2025",
@@ -101,7 +101,7 @@ class PaymentChatHistoryViewModel : ViewModel() {
                 transactions = listOf(
                     PaymentTransaction(
                         transactionId = "txn_001",
-                        recipientName = "Sarah Wilson",
+                        recipientName = "Jane Smith",
                         amount = "1,500.00",
                         note = "Lunch payment",
                         paymentDate = "27 Sep 2025",
@@ -110,7 +110,7 @@ class PaymentChatHistoryViewModel : ViewModel() {
                     ),
                     PaymentTransaction(
                         transactionId = "txn_002",
-                        recipientName = "Mike Johnson",
+                        recipientName = "Jane Smith",
                         amount = "500.00",
                         note = "Coffee and snacks",
                         paymentDate = "27 Sep 2025",

feature/send-money/src/commonMain/kotlin/org/mifospay/feature/send/money/PaymentDetailsViewModel.kt

@@ -44,22 +44,22 @@ class PaymentDetailsViewModel : ViewModel() {
      */
     private fun createPlaceholderState(): PaymentDetailsState {
         return PaymentDetailsState(
-            payeeName = "Sarah Wilson",
+            payeeName = "Jane Smith",
             isBusiness = false,
             bankingName = "TechCorp Solutions",
             phoneNumber = "+91 98765 43210",
-            upiId = "sarah.wilson@upi",
+            upiId = "jane.smith@upi",
             profileImageUrl = null,
             amount = "1,500.00",
             formattedAmount = "₹1,500.00",
             note = "Lunch payment",
             isPaymentSuccessful = true,
             upiTransactionId = "UPI123456789012345",
-            payerName = "John Doe",
+            payerName = "Biplab Dutta",
             payerBankName = "HDFC Bank",
             payerAccountLast4Digits = "1234",
             payerUpiAppName = "Google Pay",
-            payerUpiId = "john.doe@okicici",
+            payerUpiId = "biplabdutta@okicici",
             upiAppName = "PhonePe",
             mifosTransactionId = "MF123456789",
             transactionDate = "27 Sept 2025, 2:30 PM",