Merge pull request #1670 from kaloudis/privacy-explainers

Settings: Privacy: add explainers for clipboard and lurker mode
ZeusLN · Sep 21, 2023 · d8c441d · d8c441d
2 parents 987611d + d322bb5
commit d8c441d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/locales/en.json b/locales/en.json
@@ -620,7 +620,10 @@
     "views.Settings.Privacy.BlockExplorer.custom": "Custom",
     "views.Settings.Privacy.customBlockExplorer": "Custom Block explorer",
     "views.Settings.Privacy.lurkerMode": "Lurker mode",
+    "views.Settings.Privacy.lurkerMode.explainer1": "Lurker mode hides all sensitive values by changing them to ancient Greek characters.",
+    "views.Settings.Privacy.lurkerMode.explainer2": "This is a great way to demo the app to someone without revealing your sensitive information.",
     "views.Settings.Privacy.clipboard": "Read clipboard",
+    "views.Settings.Privacy.clipboard.explainer": "If enabled, Zeus will read values copied to your clipboard and prompt you if they can be used in the app.",
     "views.Settings.Privacy.enableMempoolRates": "Enable Mempool.space fee suggestions",
     "views.Settings.SetPassword.title": "Set / Change Password",
     "views.Settings.SetPassword.save": "Save",

diff --git a/views/Settings/Privacy.tsx b/views/Settings/Privacy.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ScrollView, Text, View } from 'react-native';
+import { ScrollView, View } from 'react-native';
 import { ListItem } from 'react-native-elements';
 import { inject, observer } from 'mobx-react';
 import SettingsStore, { BLOCK_EXPLORER_KEYS } from '../../stores/SettingsStore';
@@ -10,6 +10,7 @@ import DropdownSetting from '../../components/DropdownSetting';
 import Header from '../../components/Header';
 import Screen from '../../components/Screen';
 import Switch from '../../components/Switch';
+import Text from '../../components/Text';
 import TextInput from '../../components/TextInput';
 
 interface PrivacyProps {
@@ -163,15 +164,19 @@ export default class Privacy extends React.Component<
                             backgroundColor: 'transparent'
                         }}
                     >
-                        <ListItem.Title
+                        <Text
                             style={{
                                 color: themeColor('secondaryText'),
+                                fontSize: 17,
                                 fontFamily: 'Lato-Regular',
                                 left: -10
                             }}
+                            infoText={localeString(
+                                'views.Settings.Privacy.clipboard.explainer'
+                            )}
                         >
                             {localeString('views.Settings.Privacy.clipboard')}
-                        </ListItem.Title>
+                        </Text>
                         <View
                             style={{
                                 flex: 1,
@@ -204,15 +209,24 @@ export default class Privacy extends React.Component<
                             backgroundColor: 'transparent'
                         }}
                     >
-                        <ListItem.Title
+                        <Text
                             style={{
                                 color: themeColor('secondaryText'),
+                                fontSize: 17,
                                 fontFamily: 'Lato-Regular',
                                 left: -10
                             }}
+                            infoText={[
+                                localeString(
+                                    'views.Settings.Privacy.lurkerMode.explainer1'
+                                ),
+                                localeString(
+                                    'views.Settings.Privacy.lurkerMode.explainer2'
+                                )
+                            ]}
                         >
                             {localeString('views.Settings.Privacy.lurkerMode')}
-                        </ListItem.Title>
+                        </Text>
                         <View
                             style={{
                                 flex: 1,