Update TransactionResultScreen.kt

This commit is contained in:
moon 2026-05-13 20:08:14 +06:30
parent 42bd592c3e
commit 04549321fb

View File

@ -23,6 +23,7 @@ import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.HorizontalDivider import androidx.compose.material3.HorizontalDivider
import androidx.compose.material3.Icon import androidx.compose.material3.Icon
import androidx.compose.material3.IconButton import androidx.compose.material3.IconButton
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Scaffold import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text import androidx.compose.material3.Text
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
@ -30,9 +31,11 @@ import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.blur import androidx.compose.ui.draw.blur
import androidx.compose.ui.res.painterResource import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.mob.utsmyanmar.R import com.mob.utsmyanmar.R
import com.mob.utsmyanmar.ui.components.appbar.AppBar import com.mob.utsmyanmar.ui.components.appbar.AppBar
import com.mob.utsmyanmar.ui.theme.Black import com.mob.utsmyanmar.ui.theme.Black
@ -85,18 +88,27 @@ fun TransactionResultScreen(
tint = Primary, tint = Primary,
contentDescription = "success icon" contentDescription = "success icon"
) )
Spacer(modifier = Modifier.height(16.dp)) Spacer(modifier = Modifier.height(8.dp))
Text( Text(
text = "Transaction Status", text = "Transaction Status",
style = MaterialTheme.typography.bodyLarge.copy(
fontSize = 18.sp,
fontWeight = FontWeight.SemiBold
),
textAlign = TextAlign.Center, textAlign = TextAlign.Center,
color = Black color = Black
) )
Spacer(modifier = Modifier.height(16.dp)) Spacer(modifier = Modifier.height(8.dp))
Text( Text(
text = state.message, text = state.message,
style = MaterialTheme.typography.bodyLarge.copy(
fontSize = 16.sp,
fontWeight = FontWeight.Medium
),
textAlign = TextAlign.Center, textAlign = TextAlign.Center,
color = Black color = Black
) )
Spacer(modifier = Modifier.height(8.dp))
} }
} }
@ -106,7 +118,7 @@ fun TransactionResultScreen(
colors = CardDefaults.cardColors( colors = CardDefaults.cardColors(
containerColor = Primary containerColor = Primary
), ),
modifier = Modifier.fillMaxWidth().height(200.dp), modifier = Modifier.fillMaxWidth().height(250.dp),
elevation = CardDefaults.cardElevation( elevation = CardDefaults.cardElevation(
defaultElevation = 6.dp defaultElevation = 6.dp
) )
@ -117,22 +129,57 @@ fun TransactionResultScreen(
.padding(16.dp), .padding(16.dp),
) { ) {
Spacer(modifier = Modifier.height(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)) Spacer(modifier = Modifier.height(8.dp))
Row( Row(
modifier = Modifier.fillMaxWidth(), modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween horizontalArrangement = Arrangement.SpaceBetween
) { ) {
Text(text = "Amount", color = White) Text(
Text(text = "1,000 MMK", color = White) 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)) Spacer(modifier = Modifier.height(8.dp))
Row( Row(
modifier = Modifier.fillMaxWidth(), modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween horizontalArrangement = Arrangement.SpaceBetween
) { ) {
Text(text = "Transaction Type", color = White) Text(
Text(text = "MPU", color = White) 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)) Spacer(modifier = Modifier.height(8.dp))
HorizontalDivider(thickness = 1.dp, color = White) HorizontalDivider(thickness = 1.dp, color = White)
@ -141,11 +188,32 @@ fun TransactionResultScreen(
modifier = Modifier.fillMaxWidth(), modifier = Modifier.fillMaxWidth(),
horizontalAlignment = Alignment.CenterHorizontally 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)) 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)) 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), shape = RoundedCornerShape(12.dp),
onClick = {} 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 = {} onEvent = {}
) )
} }