mirror of
https://github.com/permissionlesstech/bitchat-android.git
synced 2026-07-25 05:05:20 +00:00
642 lines
33 KiB
Kotlin
642 lines
33 KiB
Kotlin
package com.bitchat.android.ui
|
|
|
|
import androidx.compose.animation.core.animateFloatAsState
|
|
import androidx.compose.foundation.background
|
|
import androidx.compose.foundation.layout.*
|
|
import androidx.compose.foundation.lazy.LazyColumn
|
|
import androidx.compose.foundation.lazy.rememberLazyListState
|
|
import androidx.compose.foundation.shape.CircleShape
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.material.icons.Icons
|
|
import androidx.compose.material.icons.filled.Bluetooth
|
|
import androidx.compose.material.icons.filled.Lock
|
|
import androidx.compose.material.icons.filled.Public
|
|
import androidx.compose.material.icons.filled.Security
|
|
import androidx.compose.material.icons.filled.Warning
|
|
import androidx.compose.material3.*
|
|
import androidx.compose.runtime.*
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.graphics.Color
|
|
import androidx.compose.ui.graphics.vector.ImageVector
|
|
import androidx.compose.ui.platform.LocalContext
|
|
import androidx.compose.ui.text.TextStyle
|
|
import androidx.compose.ui.text.font.FontFamily
|
|
import androidx.compose.ui.text.font.FontWeight
|
|
import androidx.compose.ui.text.style.BaselineShift
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.compose.ui.unit.sp
|
|
import com.bitchat.android.nostr.NostrProofOfWork
|
|
import com.bitchat.android.nostr.PoWPreferenceManager
|
|
import com.bitchat.android.ui.debug.DebugSettingsSheet
|
|
|
|
/**
|
|
* About Sheet for bitchat app information
|
|
* Matches the design language of LocationChannelsSheet
|
|
*/
|
|
@OptIn(ExperimentalMaterial3Api::class)
|
|
@Composable
|
|
fun AboutSheet(
|
|
isPresented: Boolean,
|
|
onDismiss: () -> Unit,
|
|
onShowDebug: (() -> Unit)? = null,
|
|
modifier: Modifier = Modifier
|
|
) {
|
|
val context = LocalContext.current
|
|
|
|
// Get version name from package info
|
|
val versionName = remember {
|
|
try {
|
|
context.packageManager.getPackageInfo(context.packageName, 0).versionName
|
|
} catch (e: Exception) {
|
|
"1.0.0" // fallback version
|
|
}
|
|
}
|
|
|
|
// Bottom sheet state
|
|
|
|
val sheetState = rememberModalBottomSheetState(
|
|
skipPartiallyExpanded = true
|
|
)
|
|
|
|
val lazyListState = rememberLazyListState()
|
|
val isScrolled by remember {
|
|
derivedStateOf {
|
|
lazyListState.firstVisibleItemIndex > 0 || lazyListState.firstVisibleItemScrollOffset > 0
|
|
}
|
|
}
|
|
val topBarAlpha by animateFloatAsState(
|
|
targetValue = if (isScrolled) 0.95f else 0f,
|
|
label = "topBarAlpha"
|
|
)
|
|
|
|
// Color scheme matching LocationChannelsSheet
|
|
val colorScheme = MaterialTheme.colorScheme
|
|
val isDark = colorScheme.background.red + colorScheme.background.green + colorScheme.background.blue < 1.5f
|
|
|
|
if (isPresented) {
|
|
ModalBottomSheet(
|
|
modifier = modifier.statusBarsPadding(),
|
|
onDismissRequest = onDismiss,
|
|
sheetState = sheetState,
|
|
containerColor = MaterialTheme.colorScheme.background,
|
|
dragHandle = null
|
|
) {
|
|
Box(modifier = Modifier.fillMaxWidth()) {
|
|
LazyColumn(
|
|
state = lazyListState,
|
|
modifier = Modifier.fillMaxSize(),
|
|
contentPadding = PaddingValues(top = 80.dp, bottom = 20.dp)
|
|
) {
|
|
// Header Section
|
|
item(key = "header") {
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(horizontal = 24.dp)
|
|
.padding(bottom = 16.dp),
|
|
verticalArrangement = Arrangement.spacedBy(8.dp)
|
|
) {
|
|
Row(
|
|
horizontalArrangement = Arrangement.spacedBy(8.dp),
|
|
verticalAlignment = Alignment.Bottom
|
|
) {
|
|
Text(
|
|
text = "bitchat",
|
|
style = TextStyle(
|
|
fontFamily = FontFamily.Monospace,
|
|
fontWeight = FontWeight.Bold,
|
|
fontSize = 32.sp
|
|
),
|
|
color = MaterialTheme.colorScheme.onBackground
|
|
)
|
|
|
|
Text(
|
|
text = "v$versionName",
|
|
fontSize = 11.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
color = colorScheme.onBackground.copy(alpha = 0.5f),
|
|
style = MaterialTheme.typography.bodySmall.copy(
|
|
baselineShift = BaselineShift(0.1f)
|
|
)
|
|
)
|
|
}
|
|
|
|
Text(
|
|
text = "decentralized mesh messaging with end-to-end encryption",
|
|
fontSize = 12.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.7f)
|
|
)
|
|
}
|
|
}
|
|
|
|
// Features section
|
|
item(key = "feature_offline") {
|
|
Row(
|
|
verticalAlignment = Alignment.Top,
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp)
|
|
.padding(vertical = 8.dp)
|
|
) {
|
|
Icon(
|
|
imageVector = Icons.Filled.Bluetooth,
|
|
contentDescription = "Offline Mesh Chat",
|
|
tint = MaterialTheme.colorScheme.primary,
|
|
modifier = Modifier
|
|
.padding(top = 2.dp)
|
|
.size(20.dp)
|
|
)
|
|
Spacer(modifier = Modifier.width(16.dp))
|
|
Column {
|
|
Text(
|
|
text = "Offline Mesh Chat",
|
|
style = MaterialTheme.typography.titleMedium,
|
|
fontWeight = FontWeight.Medium,
|
|
color = MaterialTheme.colorScheme.onBackground
|
|
)
|
|
Spacer(modifier = Modifier.height(4.dp))
|
|
Text(
|
|
text = "Communicate directly via Bluetooth LE without internet or servers. Messages relay through nearby devices to extend range.",
|
|
style = MaterialTheme.typography.bodySmall,
|
|
color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
item(key = "feature_geohash") {
|
|
Row(
|
|
verticalAlignment = Alignment.Top,
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp)
|
|
.padding(vertical = 8.dp)
|
|
) {
|
|
Icon(
|
|
imageVector = Icons.Default.Public,
|
|
contentDescription = "Online Geohash Channels",
|
|
tint = MaterialTheme.colorScheme.primary,
|
|
modifier = Modifier
|
|
.padding(top = 2.dp)
|
|
.size(20.dp)
|
|
)
|
|
Spacer(modifier = Modifier.width(16.dp))
|
|
Column {
|
|
Text(
|
|
text = "Online Geohash Channels",
|
|
style = MaterialTheme.typography.titleMedium,
|
|
fontWeight = FontWeight.Medium,
|
|
color = MaterialTheme.colorScheme.onBackground
|
|
)
|
|
Spacer(modifier = Modifier.height(4.dp))
|
|
Text(
|
|
text = "Connect with people in your area using geohash-based channels. Extend the mesh using public internet relays.",
|
|
style = MaterialTheme.typography.bodySmall,
|
|
color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
item(key = "feature_encryption") {
|
|
Row(
|
|
verticalAlignment = Alignment.Top,
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp)
|
|
.padding(vertical = 8.dp)
|
|
) {
|
|
Icon(
|
|
imageVector = Icons.Default.Lock,
|
|
contentDescription = "End-to-End Encryption",
|
|
tint = MaterialTheme.colorScheme.primary,
|
|
modifier = Modifier
|
|
.padding(top = 2.dp)
|
|
.size(20.dp)
|
|
)
|
|
Spacer(modifier = Modifier.width(16.dp))
|
|
Column {
|
|
Text(
|
|
text = "End-to-End Encryption",
|
|
style = MaterialTheme.typography.titleMedium,
|
|
fontWeight = FontWeight.Medium,
|
|
color = MaterialTheme.colorScheme.onBackground
|
|
)
|
|
Spacer(modifier = Modifier.height(4.dp))
|
|
Text(
|
|
text = "Private messages are encrypted. Channel messages are public.",
|
|
style = MaterialTheme.typography.bodySmall,
|
|
color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
// Appearance Section
|
|
item(key = "appearance_section") {
|
|
Text(
|
|
text = "appearance",
|
|
style = MaterialTheme.typography.labelLarge,
|
|
color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.7f),
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp)
|
|
.padding(top = 24.dp, bottom = 8.dp)
|
|
)
|
|
val themePref by com.bitchat.android.ui.theme.ThemePreferenceManager.themeFlow.collectAsState()
|
|
Row(
|
|
modifier = Modifier.padding(horizontal = 24.dp),
|
|
horizontalArrangement = Arrangement.spacedBy(8.dp)
|
|
) {
|
|
FilterChip(
|
|
selected = themePref.isSystem,
|
|
onClick = { com.bitchat.android.ui.theme.ThemePreferenceManager.set(context, com.bitchat.android.ui.theme.ThemePreference.System) },
|
|
label = { Text("system", fontFamily = FontFamily.Monospace) }
|
|
)
|
|
FilterChip(
|
|
selected = themePref.isLight,
|
|
onClick = { com.bitchat.android.ui.theme.ThemePreferenceManager.set(context, com.bitchat.android.ui.theme.ThemePreference.Light) },
|
|
label = { Text("light", fontFamily = FontFamily.Monospace) }
|
|
)
|
|
FilterChip(
|
|
selected = themePref.isDark,
|
|
onClick = { com.bitchat.android.ui.theme.ThemePreferenceManager.set(context, com.bitchat.android.ui.theme.ThemePreference.Dark) },
|
|
label = { Text("dark", fontFamily = FontFamily.Monospace) }
|
|
)
|
|
}
|
|
}
|
|
// Proof of Work Section
|
|
item(key = "pow_section") {
|
|
Text(
|
|
text = "proof of work",
|
|
style = MaterialTheme.typography.labelLarge,
|
|
color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.7f),
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp)
|
|
.padding(top = 24.dp, bottom = 8.dp)
|
|
)
|
|
LaunchedEffect(Unit) {
|
|
PoWPreferenceManager.init(context)
|
|
}
|
|
|
|
val powEnabled by PoWPreferenceManager.powEnabled.collectAsState()
|
|
val powDifficulty by PoWPreferenceManager.powDifficulty.collectAsState()
|
|
|
|
Column(
|
|
modifier = Modifier.padding(horizontal = 24.dp),
|
|
verticalArrangement = Arrangement.spacedBy(8.dp)
|
|
) {
|
|
Row(
|
|
horizontalArrangement = Arrangement.spacedBy(8.dp),
|
|
verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
FilterChip(
|
|
selected = !powEnabled,
|
|
onClick = { PoWPreferenceManager.setPowEnabled(false) },
|
|
label = { Text("pow off", fontFamily = FontFamily.Monospace) }
|
|
)
|
|
FilterChip(
|
|
selected = powEnabled,
|
|
onClick = { PoWPreferenceManager.setPowEnabled(true) },
|
|
label = {
|
|
Row(
|
|
horizontalArrangement = Arrangement.spacedBy(6.dp),
|
|
verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
Text("pow on", fontFamily = FontFamily.Monospace)
|
|
// Show current difficulty
|
|
if (powEnabled) {
|
|
Surface(
|
|
color = if (isDark) Color(0xFF32D74B) else Color(0xFF248A3D),
|
|
shape = RoundedCornerShape(50)
|
|
) { Box(Modifier.size(8.dp)) }
|
|
}
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
Text(
|
|
text = "add proof of work to geohash messages for spam deterrence.",
|
|
fontSize = 10.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
color = colorScheme.onSurface.copy(alpha = 0.6f)
|
|
)
|
|
|
|
// Show difficulty slider when enabled
|
|
if (powEnabled) {
|
|
Column(
|
|
modifier = Modifier.fillMaxWidth(),
|
|
verticalArrangement = Arrangement.spacedBy(8.dp)
|
|
) {
|
|
Text(
|
|
text = "difficulty: $powDifficulty bits (~${NostrProofOfWork.estimateMiningTime(powDifficulty)})",
|
|
fontSize = 11.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
)
|
|
|
|
Slider(
|
|
value = powDifficulty.toFloat(),
|
|
onValueChange = { PoWPreferenceManager.setPowDifficulty(it.toInt()) },
|
|
valueRange = 0f..32f,
|
|
steps = 33,
|
|
colors = SliderDefaults.colors(
|
|
thumbColor = if (isDark) Color(0xFF32D74B) else Color(0xFF248A3D),
|
|
activeTrackColor = if (isDark) Color(0xFF32D74B) else Color(0xFF248A3D)
|
|
)
|
|
)
|
|
|
|
// Show difficulty description
|
|
Surface(
|
|
modifier = Modifier.fillMaxWidth(),
|
|
color = colorScheme.surfaceVariant.copy(alpha = 0.25f),
|
|
shape = RoundedCornerShape(8.dp)
|
|
) {
|
|
Column(
|
|
modifier = Modifier.padding(12.dp),
|
|
verticalArrangement = Arrangement.spacedBy(4.dp)
|
|
) {
|
|
Text(
|
|
text = "difficulty $powDifficulty requires ~${NostrProofOfWork.estimateWork(powDifficulty)} hash attempts",
|
|
fontSize = 10.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
color = colorScheme.onSurface.copy(alpha = 0.7f)
|
|
)
|
|
Text(
|
|
text = when {
|
|
powDifficulty == 0 -> "no proof of work required"
|
|
powDifficulty <= 8 -> "very low - minimal spam protection"
|
|
powDifficulty <= 12 -> "low - basic spam protection"
|
|
powDifficulty <= 16 -> "medium - good spam protection"
|
|
powDifficulty <= 20 -> "high - strong spam protection"
|
|
powDifficulty <= 24 -> "very high - may cause delays"
|
|
else -> "extreme - significant computation required"
|
|
},
|
|
fontSize = 10.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
color = colorScheme.onSurface.copy(alpha = 0.6f)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Network (Tor) section
|
|
item(key = "network_section") {
|
|
val torMode = remember { mutableStateOf(com.bitchat.android.net.TorPreferenceManager.get(context)) }
|
|
val torStatus by com.bitchat.android.net.TorManager.statusFlow.collectAsState()
|
|
Text(
|
|
text = "network",
|
|
style = MaterialTheme.typography.labelLarge,
|
|
color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.7f),
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp)
|
|
.padding(top = 24.dp, bottom = 8.dp)
|
|
)
|
|
Column(modifier = Modifier.padding(horizontal = 24.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
|
|
Row(
|
|
horizontalArrangement = Arrangement.spacedBy(8.dp),
|
|
verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
FilterChip(
|
|
selected = torMode.value == com.bitchat.android.net.TorMode.OFF,
|
|
onClick = {
|
|
torMode.value = com.bitchat.android.net.TorMode.OFF
|
|
com.bitchat.android.net.TorPreferenceManager.set(context, torMode.value)
|
|
},
|
|
label = { Text("tor off", fontFamily = FontFamily.Monospace) }
|
|
)
|
|
FilterChip(
|
|
selected = torMode.value == com.bitchat.android.net.TorMode.ON,
|
|
onClick = {
|
|
torMode.value = com.bitchat.android.net.TorMode.ON
|
|
com.bitchat.android.net.TorPreferenceManager.set(context, torMode.value)
|
|
},
|
|
label = {
|
|
Row(
|
|
horizontalArrangement = Arrangement.spacedBy(6.dp),
|
|
verticalAlignment = Alignment.CenterVertically
|
|
) {
|
|
Text("tor on", fontFamily = FontFamily.Monospace)
|
|
val statusColor = when {
|
|
torStatus.running && torStatus.bootstrapPercent < 100 -> Color(0xFFFF9500)
|
|
torStatus.running && torStatus.bootstrapPercent >= 100 -> if (isDark) Color(0xFF32D74B) else Color(0xFF248A3D)
|
|
else -> Color.Red
|
|
}
|
|
Surface(color = statusColor, shape = CircleShape) {
|
|
Box(Modifier.size(8.dp))
|
|
}
|
|
}
|
|
}
|
|
)
|
|
}
|
|
Text(
|
|
text = "route internet over tor for enhanced privacy.",
|
|
style = MaterialTheme.typography.bodySmall,
|
|
color = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.6f)
|
|
)
|
|
if (torMode.value == com.bitchat.android.net.TorMode.ON) {
|
|
val statusText = if (torStatus.running) "Running" else "Stopped"
|
|
// Debug status (temporary)
|
|
Surface(
|
|
modifier = Modifier.fillMaxWidth(),
|
|
color = colorScheme.surfaceVariant.copy(alpha = 0.25f),
|
|
shape = RoundedCornerShape(8.dp)
|
|
) {
|
|
Column(
|
|
modifier = Modifier.padding(12.dp),
|
|
verticalArrangement = Arrangement.spacedBy(6.dp)
|
|
) {
|
|
Text(
|
|
text = "tor Status: $statusText, bootstrap ${torStatus.bootstrapPercent}%",
|
|
style = MaterialTheme.typography.bodySmall,
|
|
color = colorScheme.onSurface.copy(alpha = 0.75f)
|
|
)
|
|
val lastLog = torStatus.lastLogLine
|
|
if (lastLog.isNotEmpty()) {
|
|
Text(
|
|
text = "Last: ${lastLog.take(160)}",
|
|
style = MaterialTheme.typography.labelSmall,
|
|
color = colorScheme.onSurface.copy(alpha = 0.6f)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Emergency Warning Section
|
|
item(key = "warning_section") {
|
|
val colorScheme = MaterialTheme.colorScheme
|
|
val errorColor = colorScheme.error
|
|
|
|
Surface(
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp, vertical = 24.dp)
|
|
.fillMaxWidth(),
|
|
color = errorColor.copy(alpha = 0.1f),
|
|
shape = RoundedCornerShape(12.dp)
|
|
) {
|
|
Row(
|
|
modifier = Modifier.padding(16.dp),
|
|
horizontalArrangement = Arrangement.spacedBy(12.dp),
|
|
verticalAlignment = Alignment.Top
|
|
) {
|
|
Icon(
|
|
imageVector = Icons.Filled.Warning,
|
|
contentDescription = "Warning",
|
|
tint = errorColor,
|
|
modifier = Modifier.size(16.dp)
|
|
)
|
|
Column(verticalArrangement = Arrangement.spacedBy(4.dp)) {
|
|
Text(
|
|
text = "Emergency Data Deletion",
|
|
fontSize = 12.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
fontWeight = FontWeight.Bold,
|
|
color = errorColor
|
|
)
|
|
Text(
|
|
text = "Tip: Triple-click the app title to emergency delete all stored data including messages, keys, and settings.",
|
|
fontSize = 11.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
color = colorScheme.onSurface.copy(alpha = 0.8f)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Footer Section
|
|
item(key = "footer") {
|
|
Column(
|
|
modifier = Modifier
|
|
.padding(horizontal = 24.dp)
|
|
.fillMaxWidth(),
|
|
horizontalAlignment = Alignment.CenterHorizontally,
|
|
verticalArrangement = Arrangement.spacedBy(8.dp)
|
|
) {
|
|
if (onShowDebug != null) {
|
|
TextButton(
|
|
onClick = onShowDebug,
|
|
colors = ButtonDefaults.textButtonColors(
|
|
contentColor = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.6f)
|
|
)
|
|
) {
|
|
Text(
|
|
text = "Debug Settings",
|
|
fontSize = 11.sp,
|
|
fontFamily = FontFamily.Monospace
|
|
)
|
|
}
|
|
}
|
|
Text(
|
|
text = "Open Source • Privacy First • Decentralized",
|
|
fontSize = 11.sp,
|
|
fontFamily = FontFamily.Monospace,
|
|
color = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.7f),
|
|
)
|
|
|
|
// Add extra space at bottom for gesture area
|
|
Spacer(modifier = Modifier.height(16.dp))
|
|
}
|
|
}
|
|
}
|
|
|
|
// TopBar
|
|
Box(
|
|
modifier = Modifier
|
|
.align(Alignment.TopCenter)
|
|
.fillMaxWidth()
|
|
.height(64.dp)
|
|
.background(MaterialTheme.colorScheme.background.copy(alpha = topBarAlpha))
|
|
) {
|
|
TextButton(
|
|
onClick = onDismiss,
|
|
modifier = Modifier
|
|
.align(Alignment.CenterEnd)
|
|
.padding(horizontal = 16.dp)
|
|
) {
|
|
Text(
|
|
text = "Close",
|
|
style = MaterialTheme.typography.labelMedium.copy(fontWeight = FontWeight.Bold),
|
|
color = MaterialTheme.colorScheme.onBackground
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Password prompt dialog for password-protected channels
|
|
* Kept as dialog since it requires user input
|
|
*/
|
|
@Composable
|
|
fun PasswordPromptDialog(
|
|
show: Boolean,
|
|
channelName: String?,
|
|
passwordInput: String,
|
|
onPasswordChange: (String) -> Unit,
|
|
onConfirm: () -> Unit,
|
|
onDismiss: () -> Unit
|
|
) {
|
|
if (show && channelName != null) {
|
|
val colorScheme = MaterialTheme.colorScheme
|
|
|
|
AlertDialog(
|
|
onDismissRequest = onDismiss,
|
|
title = {
|
|
Text(
|
|
text = "Enter Channel Password",
|
|
style = MaterialTheme.typography.titleMedium,
|
|
color = colorScheme.onSurface
|
|
)
|
|
},
|
|
text = {
|
|
Column {
|
|
Text(
|
|
text = "Channel $channelName is password protected. Enter the password to join.",
|
|
style = MaterialTheme.typography.bodyMedium,
|
|
color = colorScheme.onSurface
|
|
)
|
|
Spacer(modifier = Modifier.height(8.dp))
|
|
|
|
OutlinedTextField(
|
|
value = passwordInput,
|
|
onValueChange = onPasswordChange,
|
|
label = { Text("Password", style = MaterialTheme.typography.bodyMedium) },
|
|
textStyle = MaterialTheme.typography.bodyMedium.copy(
|
|
fontFamily = FontFamily.Monospace
|
|
),
|
|
colors = OutlinedTextFieldDefaults.colors(
|
|
focusedBorderColor = colorScheme.primary,
|
|
unfocusedBorderColor = colorScheme.outline
|
|
)
|
|
)
|
|
}
|
|
},
|
|
confirmButton = {
|
|
TextButton(onClick = onConfirm) {
|
|
Text(
|
|
text = "Join",
|
|
style = MaterialTheme.typography.bodyMedium,
|
|
color = colorScheme.primary
|
|
)
|
|
}
|
|
},
|
|
dismissButton = {
|
|
TextButton(onClick = onDismiss) {
|
|
Text(
|
|
text = "Cancel",
|
|
style = MaterialTheme.typography.bodyMedium,
|
|
color = colorScheme.onSurface
|
|
)
|
|
}
|
|
},
|
|
containerColor = colorScheme.surface,
|
|
tonalElevation = 8.dp
|
|
)
|
|
}
|
|
}
|