From d322bb516641506ace0405f6c34d112843cc3502 Mon Sep 17 00:00:00 2001
From: Evan Kaloudis <zeusln@tutanota.com>
Date: Tue, 19 Sep 2023 14:40:09 -0400
Subject: [PATCH] Settings: Privacy: add explainers for clipboard and lurker
 mode

---
 locales/en.json            |  3 +++
 views/Settings/Privacy.tsx | 24 +++++++++++++++++++-----
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/locales/en.json b/locales/en.json
index 2431f4c83..304971cf5 100644
--- 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
index b52edc94d..46fcc6f7d 100644
--- 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,