From 9bdbd552049d845383675c35c1323372d46a37b9 Mon Sep 17 00:00:00 2001
From: Harsh Shandilya <me@msfjarvis.dev>
Date: Sat, 8 Oct 2022 18:28:04 +0530
Subject: feat(ui-compose): add a `PasswordField` composable and switch decrypt
 screen to it

---
 .../app/passwordstore/ui/compose/PasswordField.kt  | 61 ++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 ui-compose/src/main/kotlin/app/passwordstore/ui/compose/PasswordField.kt

(limited to 'ui-compose/src/main/kotlin')

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,
+    )
+  }
+}
-- 
cgit v1.2.3