diff --git a/app/src/main/java/com/mob/utsmyanmar/ui/transaction_result/TransactionResultScreen.kt b/app/src/main/java/com/mob/utsmyanmar/ui/transaction_result/TransactionResultScreen.kt index 7d81cc1..15a018c 100644 --- a/app/src/main/java/com/mob/utsmyanmar/ui/transaction_result/TransactionResultScreen.kt +++ b/app/src/main/java/com/mob/utsmyanmar/ui/transaction_result/TransactionResultScreen.kt @@ -23,6 +23,7 @@ import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.HorizontalDivider import androidx.compose.material3.Icon import androidx.compose.material3.IconButton +import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Scaffold import androidx.compose.material3.Text import androidx.compose.runtime.Composable @@ -30,9 +31,11 @@ import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.draw.blur import androidx.compose.ui.res.painterResource +import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp +import androidx.compose.ui.unit.sp import com.mob.utsmyanmar.R import com.mob.utsmyanmar.ui.components.appbar.AppBar import com.mob.utsmyanmar.ui.theme.Black @@ -85,18 +88,27 @@ fun TransactionResultScreen( tint = Primary, contentDescription = "success icon" ) - Spacer(modifier = Modifier.height(16.dp)) + Spacer(modifier = Modifier.height(8.dp)) Text( text = "Transaction Status", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 18.sp, + fontWeight = FontWeight.SemiBold + ), textAlign = TextAlign.Center, color = Black ) - Spacer(modifier = Modifier.height(16.dp)) + Spacer(modifier = Modifier.height(8.dp)) Text( text = state.message, + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 16.sp, + fontWeight = FontWeight.Medium + ), textAlign = TextAlign.Center, color = Black ) + Spacer(modifier = Modifier.height(8.dp)) } } @@ -106,7 +118,7 @@ fun TransactionResultScreen( colors = CardDefaults.cardColors( containerColor = Primary ), - modifier = Modifier.fillMaxWidth().height(200.dp), + modifier = Modifier.fillMaxWidth().height(250.dp), elevation = CardDefaults.cardElevation( defaultElevation = 6.dp ) @@ -117,22 +129,57 @@ fun TransactionResultScreen( .padding(16.dp), ) { Spacer(modifier = Modifier.height(16.dp)) - Text(text = "Transaction Details", color = White) + Text( + text = "Transaction Details", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 18.sp, + fontWeight = FontWeight.SemiBold + ), + color = White + ) Spacer(modifier = Modifier.height(8.dp)) Row( modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween ) { - Text(text = "Amount", color = White) - Text(text = "1,000 MMK", color = White) + Text( + text = "Amount", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 14.sp, + fontWeight = FontWeight.Medium + ), + color = White + ) + Text( + text = "1,000 MMK", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 15.sp, + fontWeight = FontWeight.SemiBold + ), + color = White + ) } Spacer(modifier = Modifier.height(8.dp)) Row( modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween ) { - Text(text = "Transaction Type", color = White) - Text(text = "MPU", color = White) + Text( + text = "Transaction Type", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 14.sp, + fontWeight = FontWeight.Medium + ), + color = White + ) + Text( + text = "MPU", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 15.sp, + fontWeight = FontWeight.SemiBold + ), + color = White + ) } Spacer(modifier = Modifier.height(8.dp)) HorizontalDivider(thickness = 1.dp, color = White) @@ -141,11 +188,32 @@ fun TransactionResultScreen( modifier = Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally ) { - Text(text = "Transaction Amount", color = White) + Text( + text = "Transaction Amount", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 14.sp, + fontWeight = FontWeight.Medium + ), + color = White + ) Spacer(modifier = Modifier.height(8.dp)) - Text(text = "500.00 MMMK", color = White) + Text( + text = "500.00 MMMK", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 22.sp, + fontWeight = FontWeight.Bold + ), + color = White + ) Spacer(modifier = Modifier.height(8.dp)) - Text(text = "Received", color = White) + Text( + text = "Received", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 13.sp, + fontWeight = FontWeight.Normal + ), + color = White + ) } } @@ -165,7 +233,13 @@ fun TransactionResultScreen( shape = RoundedCornerShape(12.dp), onClick = {} ) { - Text("Transaction Completed") + Text( + text = "Transaction Completed", + style = MaterialTheme.typography.bodyLarge.copy( + fontSize = 16.sp, + fontWeight = FontWeight.SemiBold + ) + ) } } } @@ -182,4 +256,4 @@ fun TransactionResultScreenPreview() { ), onEvent = {} ) -} \ No newline at end of file +}