From e803a853818dfa148be93528178fd23a39b10d69 Mon Sep 17 00:00:00 2001
From: Evan Kaloudis <zeusln@tutanota.com>
Date: Tue, 9 Jul 2024 13:03:53 -0400
Subject: [PATCH] ZEUS-1503: Settings: Display: add ability to hide millisat
 amounts

---
 components/Amount.tsx      | 10 ++++++
 locales/en.json            |  1 +
 stores/SettingsStore.ts    | 15 ++++++++-
 views/Settings/Display.tsx | 68 +++++++++++++++++++++++++++++++++++---
 4 files changed, 88 insertions(+), 6 deletions(-)

diff --git a/components/Amount.tsx b/components/Amount.tsx
index 2b1831e77..9b8242b3d 100644
--- a/components/Amount.tsx
+++ b/components/Amount.tsx
@@ -13,6 +13,8 @@ import { Row } from './layout/Row';
 import { Body } from './text/Body';
 import LoadingIndicator from './LoadingIndicator';
 
+import stores from '../stores/Stores';
+
 type Units = 'sats' | 'BTC' | 'fiat';
 
 interface AmountDisplayProps {
@@ -95,6 +97,14 @@ function AmountDisplay({
     // TODO this could probably be made more readable by componentizing the repeat bits
     switch (unit) {
         case 'sats':
+            const hideMsats =
+                !stores.settingsStore?.settings?.display
+                    ?.showMillisatoshiAmounts;
+            if (hideMsats) {
+                const [wholeSats] = amount.toString().split('.');
+                amount = wholeSats;
+                plural = amount === '1' ? false : true;
+            }
             return (
                 <Row
                     style={styles.row}
diff --git a/locales/en.json b/locales/en.json
index 557505ab5..a5cbb79a6 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -722,6 +722,7 @@
     "views.Settings.Display.displayNickname": "Display node nickname on main views",
     "views.Settings.Display.bigKeypadButtons": "Big keypad buttons",
     "views.Settings.Display.showAllDecimalPlaces": "Show all decimal places",
+    "views.Settings.Display.showMillisatoshiAmounts": "Show millisatoshi amounts",
     "views.Settings.Display.selectNodeOnStartup": "Select node on startup",
     "views.Settings.privacy": "Privacy",
     "views.Settings.payments": "Payments",
diff --git a/stores/SettingsStore.ts b/stores/SettingsStore.ts
index 2df2d684e..2f4b40028 100644
--- a/stores/SettingsStore.ts
+++ b/stores/SettingsStore.ts
@@ -43,6 +43,7 @@ interface DisplaySettings {
     displayNickname?: boolean;
     bigKeypadButtons?: boolean;
     showAllDecimalPlaces?: boolean;
+    showMillisatoshiAmounts?: boolean;
 }
 
 export enum PosEnabled {
@@ -1041,7 +1042,8 @@ export default class SettingsStore {
             defaultView: 'Keypad',
             displayNickname: false,
             bigKeypadButtons: false,
-            showAllDecimalPlaces: false
+            showAllDecimalPlaces: false,
+            showMillisatoshiAmounts: true
         },
         pos: {
             posEnabled: PosEnabled.Disabled,
@@ -1465,6 +1467,17 @@ export default class SettingsStore {
                     await EncryptedStorage.setItem(MOD_KEY4, 'true');
                 }
 
+                const MOD_KEY5 = 'millisat_amounts';
+                const mod5 = await EncryptedStorage.getItem(MOD_KEY5);
+                if (!mod5) {
+                    if (!newSettings?.display.showMillisatoshiAmounts) {
+                        newSettings.display.showMillisatoshiAmounts = true;
+                    }
+
+                    this.setSettings(JSON.stringify(newSettings));
+                    await EncryptedStorage.setItem(MOD_KEY5, 'true');
+                }
+
                 // migrate old POS squareEnabled setting to posEnabled
                 if (newSettings?.pos?.squareEnabled) {
                     newSettings.pos.posEnabled = PosEnabled.Square;
diff --git a/views/Settings/Display.tsx b/views/Settings/Display.tsx
index 62e9805c2..8dfa8f0c3 100644
--- a/views/Settings/Display.tsx
+++ b/views/Settings/Display.tsx
@@ -28,6 +28,7 @@ interface DisplayState {
     displayNickname: boolean;
     bigKeypadButtons: boolean;
     showAllDecimalPlaces: boolean;
+    showMillisatoshiAmounts: boolean;
     selectNodeOnStartup: boolean;
 }
 
@@ -43,6 +44,7 @@ export default class Display extends React.Component<
         displayNickname: false,
         bigKeypadButtons: false,
         showAllDecimalPlaces: false,
+        showMillisatoshiAmounts: false,
         selectNodeOnStartup: false
     };
 
@@ -63,6 +65,10 @@ export default class Display extends React.Component<
             showAllDecimalPlaces:
                 (settings.display && settings.display.showAllDecimalPlaces) ||
                 false,
+            showMillisatoshiAmounts:
+                (settings.display &&
+                    settings.display.showMillisatoshiAmounts) ||
+                false,
             selectNodeOnStartup: settings.selectNodeOnStartup || false
         });
     }
@@ -84,6 +90,7 @@ export default class Display extends React.Component<
             bigKeypadButtons,
             theme,
             showAllDecimalPlaces,
+            showMillisatoshiAmounts,
             selectNodeOnStartup
         } = this.state;
         const { updateSettings }: any = SettingsStore;
@@ -118,7 +125,8 @@ export default class Display extends React.Component<
                                     displayNickname,
                                     bigKeypadButtons,
                                     defaultView,
-                                    showAllDecimalPlaces
+                                    showAllDecimalPlaces,
+                                    showMillisatoshiAmounts
                                 }
                             });
                             SystemNavigationBar.setNavigationColor(
@@ -147,7 +155,8 @@ export default class Display extends React.Component<
                                     displayNickname,
                                     bigKeypadButtons,
                                     theme,
-                                    showAllDecimalPlaces
+                                    showAllDecimalPlaces,
+                                    showMillisatoshiAmounts
                                 }
                             });
                         }}
@@ -190,7 +199,8 @@ export default class Display extends React.Component<
                                             theme,
                                             bigKeypadButtons,
                                             displayNickname: !displayNickname,
-                                            showAllDecimalPlaces
+                                            showAllDecimalPlaces,
+                                            showMillisatoshiAmounts
                                         }
                                     });
                                 }}
@@ -234,7 +244,8 @@ export default class Display extends React.Component<
                                             theme,
                                             displayNickname,
                                             bigKeypadButtons: !bigKeypadButtons,
-                                            showAllDecimalPlaces
+                                            showAllDecimalPlaces,
+                                            showMillisatoshiAmounts
                                         }
                                     });
                                 }}
@@ -280,7 +291,54 @@ export default class Display extends React.Component<
                                             displayNickname,
                                             bigKeypadButtons,
                                             showAllDecimalPlaces:
-                                                !showAllDecimalPlaces
+                                                !showAllDecimalPlaces,
+                                            showMillisatoshiAmounts
+                                        }
+                                    });
+                                }}
+                            />
+                        </View>
+                    </ListItem>
+                    <ListItem
+                        containerStyle={{
+                            borderBottomWidth: 0,
+                            backgroundColor: 'transparent'
+                        }}
+                    >
+                        <ListItem.Title
+                            style={{
+                                color: themeColor('secondaryText'),
+                                fontFamily: 'PPNeueMontreal-Book',
+                                left: -10
+                            }}
+                        >
+                            {localeString(
+                                'views.Settings.Display.showMillisatoshiAmounts'
+                            )}
+                        </ListItem.Title>
+                        <View
+                            style={{
+                                flex: 1,
+                                flexDirection: 'row',
+                                justifyContent: 'flex-end'
+                            }}
+                        >
+                            <Switch
+                                value={showMillisatoshiAmounts}
+                                onValueChange={async () => {
+                                    this.setState({
+                                        showMillisatoshiAmounts:
+                                            !showMillisatoshiAmounts
+                                    });
+                                    await updateSettings({
+                                        display: {
+                                            defaultView,
+                                            theme,
+                                            displayNickname,
+                                            bigKeypadButtons,
+                                            showAllDecimalPlaces,
+                                            showMillisatoshiAmounts:
+                                                !showMillisatoshiAmounts
                                         }
                                     });
                                 }}