From e3283dee238ce00d83a2859f12942793c4736e35 Mon Sep 17 00:00:00 2001
From: Dominik Biedebach <dominik@bdbch.com>
Date: Fri, 29 Nov 2024 09:40:53 +0100
Subject: [PATCH] use hidden characters instead of blur

---
 .../Settings/components/AddAppPasswordDialog.tsx  | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/screens/Settings/components/AddAppPasswordDialog.tsx b/src/screens/Settings/components/AddAppPasswordDialog.tsx
index 87d8caff36..7384309304 100644
--- a/src/screens/Settings/components/AddAppPasswordDialog.tsx
+++ b/src/screens/Settings/components/AddAppPasswordDialog.tsx
@@ -100,6 +100,10 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
   const error =
     validationError || (!name.match(/^[a-zA-Z0-9-_ ]*$/) && regexFailError)
 
+  const renderedPassword = showPassword
+    ? data?.password
+    : '•'.repeat(data?.password.length || 8)
+
   return (
     <Dialog.ScrollableInner label={_(msg`Add app password`)}>
       <View style={[native(a.pt_md)]}>
@@ -201,16 +205,7 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
                     size="large"
                     variant="solid"
                     color="secondary">
-                    <ButtonText
-                      style={{
-                        color: showPassword
-                          ? t.atoms.text.color
-                          : 'transparent',
-                        textShadowColor: t.atoms.text.color,
-                        textShadowRadius: showPassword ? 0 : 8,
-                      }}>
-                      {data.password}
-                    </ButtonText>
+                    <ButtonText>{renderedPassword}</ButtonText>
                     <ButtonIcon icon={CopyIcon} />
                   </CopyButton>
                 </View>