Currency Converter

Navigation.ts

@@ -104,6 +104,8 @@ import AddNotes from './views/AddNotes';
 import Contacts from './views/Settings/Contacts';
 import AddContact from './views/Settings/AddContact';
 import ContactDetails from './views/ContactDetails';
+import CurrencyConverter from './views/Settings/CurrencyConverter';
+
 // POS
 import Order from './views/Order';
 
@@ -423,6 +425,9 @@ const AppScenes = {
     ContactQR: {
         screen: ContactQR
     },
+    CurrencyConverter: {
+        screen: CurrencyConverter
+    },
     ChannelsSettings: {
         screen: ChannelsSettings
     },

locales/en.json

@@ -1001,6 +1001,8 @@
     "views.Settings.Attestations.invalidAttestation": "Invalid attestation",
     "views.Settings.Nostr.addRelay": "Add relay",
     "views.Settings.Nostr.relays": "Relays",
+    "views.Settings.CurrencyConverter.title": "Currency Converter",
+    "views.Settings.CurrencyConverter.enterAmount": "Enter amount",
     "views.LspExplanation.title": "What are these fees?",
     "views.LspExplanation.text1": "Zeus is a self-custodial lightning wallet. In order to send or receive a lightning payment, you must open a lightning payment channel, which has a setup fee.",
     "views.LspExplanation.text2": "Once the channel is set up, you'll only have to pay normal network fees until your channel exhausts its capacity.",
@@ -1035,4 +1037,4 @@
     "time.1H": "1H",
     "time.1D": "1D",
     "time.1W": "1W"
-}
+}

stores/FiatStore.ts

@@ -24,6 +24,13 @@ export default class FiatStore {
     @observable public loading = false;
     @observable public error = false;
 
+    @observable public numberWithCommas = (x: string | number) =>
+        x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+
+    @observable public numberWithDecimals = (x: string | number) =>
+        this.numberWithCommas(x).replace(/[,.]/g, (y: string) =>
+            y === ',' ? '.' : ','
+        );
     private sourceOfCurrentFiatRates: string | undefined;
 
     getFiatRatesToken: any;
@@ -34,17 +41,11 @@ export default class FiatStore {
         this.settingsStore = settingsStore;
     }
 
-    numberWithCommas = (x: string | number) =>
-        x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-
-    numberWithDecimals = (x: string | number) =>
-        this.numberWithCommas(x).replace(/[,.]/g, (y: string) =>
-            y === ',' ? '.' : ','
-        );
-
     // Resource below may be helpful for formatting
     // https://fastspring.com/blog/how-to-format-30-currencies-from-countries-all-over-the-world/
-    symbolLookup = (symbol: string): CurrencyDisplayRules => {
+    @observable public symbolLookup = (
+        symbol: string
+    ): CurrencyDisplayRules => {
         const symbolPairs: any = {
             USD: {
                 symbol: '$',

views/Settings/Currency.tsx

@@ -183,6 +183,29 @@ export default class Currency extends React.Component<
                             color={themeColor('secondaryText')}
                         />
                     </ListItem>
+                    <ListItem
+                        containerStyle={{
+                            backgroundColor: 'transparent'
+                        }}
+                        onPress={() => navigation.navigate('CurrencyConverter')}
+                    >
+                        <ListItem.Content>
+                            <ListItem.Title
+                                style={{
+                                    color: themeColor('secondaryText'),
+                                    fontFamily: 'PPNeueMontreal-Book'
+                                }}
+                            >
+                                {localeString(
+                                    'views.Settings.CurrencyConverter.title'
+                                )}
+                            </ListItem.Title>
+                        </ListItem.Content>
+                        <Icon
+                            name="keyboard-arrow-right"
+                            color={themeColor('secondaryText')}
+                        />
+                    </ListItem>
                 </View>
             </Screen>
         );