aboutsummaryrefslogtreecommitdiff
path: root/ui-compose/src/main/kotlin
diff options
context:
space:
mode:
authorHarsh Shandilya <me@msfjarvis.dev>2022-10-08 18:28:04 +0530
committerHarsh Shandilya <me@msfjarvis.dev>2022-10-08 18:28:04 +0530
commit9bdbd552049d845383675c35c1323372d46a37b9 (patch)
tree29957a8e385f1fcd2cb78cff31f0b11051780d09 /ui-compose/src/main/kotlin
parent662be13ab5883e7a22003ad94f0c85fbc3d142d2 (diff)
feat(ui-compose): add a `PasswordField` composable and switch decrypt screen to it
Diffstat (limited to 'ui-compose/src/main/kotlin')
-rw-r--r--ui-compose/src/main/kotlin/app/passwordstore/ui/compose/PasswordField.kt61
1 files changed, 61 insertions, 0 deletions
diff --git a/ui-compose/src/main/kotlin/app/passwordstore/ui/compose/PasswordField.kt b/ui-compose/src/main/kotlin/app/passwordstore/ui/compose/PasswordField.kt
new file mode 100644
index 00000000..81255979
--- /dev/null
+++ b/ui-compose/src/main/kotlin/app/passwordstore/ui/compose/PasswordField.kt
@@ -0,0 +1,61 @@
+package app.passwordstore.ui.compose
+
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.text.input.VisualTransformation
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+public fun PasswordField(
+ value: String,
+ label: String,
+ initialVisibility: Boolean,
+ modifier: Modifier = Modifier,
+) {
+ var visible by remember { mutableStateOf(initialVisibility) }
+ TextField(
+ value = value,
+ onValueChange = {},
+ readOnly = true,
+ label = { Text(label) },
+ visualTransformation =
+ if (visible) VisualTransformation.None else PasswordVisualTransformation(),
+ trailingIcon = {
+ ToggleButton(
+ visible = visible,
+ contentDescription = "Toggle password visibility",
+ onButtonClick = { visible = !visible },
+ )
+ },
+ modifier = modifier,
+ )
+}
+
+@Composable
+private fun ToggleButton(
+ visible: Boolean,
+ contentDescription: String,
+ onButtonClick: () -> Unit,
+ modifier: Modifier = Modifier,
+) {
+ IconButton(onClick = onButtonClick, modifier = modifier) {
+ val icon =
+ if (visible) painterResource(id = R.drawable.baseline_visibility_off_24)
+ else painterResource(id = R.drawable.baseline_visibility_24)
+ Icon(
+ painter = icon,
+ contentDescription = contentDescription,
+ )
+ }
+}