From ef5ac7e30b401cca10cd8ef6d79618f305e24de5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hampus=20Sj=C3=B6berg?= <hampus.sjoberg@protonmail.com>
Date: Mon, 20 Nov 2023 00:42:44 +0100
Subject: [PATCH] LightningBox: add translation texts

---
 locales/en.json                               | 31 +++++++-
 src/i18n/i18n.constants.ts                    |  3 +-
 src/windows/LightningBox/LightningBoxInfo.tsx | 12 ++--
 .../LightningBox/LightningBoxRegistration.tsx | 70 +++++++++----------
 src/windows/LightningBox/index.tsx            |  1 -
 5 files changed, 73 insertions(+), 44 deletions(-)

diff --git a/locales/en.json b/locales/en.json
index b0b57c5e2..e5308f1cd 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -2,13 +2,15 @@
   "common": {
     "generic": {
       "lightningAddress": "Lightning Address",
+      "lightningBox": "Lightning Box",
       "nodeAlias": "Node alias",
       "description": "Description",
       "amount": "Amount",
       "fee": "Fee",
       "search": "Search",
       "viewInBlockExplorer": "View in block explorer",
-      "blocks": "{{numBlocks}} blocks"
+      "blocks": "{{numBlocks}} blocks",
+      "reason": "Reason: {{reason}}"
     },
     "buttons": {
       "ok": "Ok",
@@ -1138,6 +1140,33 @@
     "msg1": "To start using Lightning in Blixt Wallet",
     "msg2": "send bitcoins to the address above"
   },
+  "lightningBox.registration": {
+    "info": {
+      "welcome": "Welcome to the Lightning Box registration.",
+      "whatIs": "Lightning Box is a Lightning Address service provider that forwards payment requests directly to the phone, giving you a self-custodial Lightning Address for mobile devices.",
+      "persistentMode":"This service is dependent on persistent mode, because the app must stay active to receive incoming payments. Please make sure that battery optimization is turned off on your device. Otherwise this service may not work.",
+      "currentRules": "The service is free to use. However, due to technical reasons it currently requires a channel with the Lightning Box provider. It's currently not possible to change your Lightning Address after you have chosen one."
+    },
+    "prerequisites": {
+      "prerequisites": "Prerequisites",
+      "checkingEligibility": "Checking eligibility...",
+      "eligible": "Eligible",
+      "youHaveChannel": "You have a channel with the Lightning Box service.",
+      "notEligible": "Not eligible"
+    },
+    "registration": {
+      "registration": "Registration",
+      "fields": {
+        "address": "Address",
+        "messageToPayer": "Message to the payer"
+      },
+      "register": "Register"
+    }
+  },
+  "lightningBox.info": {
+    "yourLightningAddress": "Your Lightning Address by Lightning Box is:",
+    "showQrCode": "Show QR code"
+  },
   "welcome.almostDone": {
     "autopilot": {
       "title": "Auto-open channels",
diff --git a/src/i18n/i18n.constants.ts b/src/i18n/i18n.constants.ts
index 2c0200da2..be2b488fe 100755
--- a/src/i18n/i18n.constants.ts
+++ b/src/i18n/i18n.constants.ts
@@ -10,7 +10,8 @@ export const namespaces = {
     experiment: "keysend.experiment",
   },
   lightningBox: {
-    manage: "lightningBox.manage",
+    registration: "lightningBox.registration",
+    info: "lightningBox.info",
   },
   lightningInfo: {
     lightningInfo: "lightningInfo.lightningInfo",
diff --git a/src/windows/LightningBox/LightningBoxInfo.tsx b/src/windows/LightningBox/LightningBoxInfo.tsx
index cf261a064..77387fed9 100644
--- a/src/windows/LightningBox/LightningBoxInfo.tsx
+++ b/src/windows/LightningBox/LightningBoxInfo.tsx
@@ -18,7 +18,7 @@ interface ILightningBoxProps {
   navigation: StackNavigationProp<RootStackParamList, "LightningBox">;
 }
 export default function LightningBoxRegistration({ navigation }: ILightningBoxProps) {
-  const t = useTranslation(namespaces.lightningBox.manage).t;
+  const t = useTranslation(namespaces.lightningBox.info).t;
 
   const lightningBoxAddress = useStoreState((store) => store.settings.lightningBoxAddress);
   // const lightningBoxLnurlPayDesc = useStoreState(
@@ -36,7 +36,7 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
 
   useLayoutEffect(() => {
     navigation.setOptions({
-      headerTitle: t("title"),
+      headerTitle: t("generic.lightningBox", { ns: namespaces.common }),
       headerBackTitle: t("buttons.back", { ns: namespaces.common }),
       headerShown: true,
     });
@@ -59,9 +59,11 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
   return (
     <Container>
       <Content centered>
-        <H1 style={{ marginBottom: 10 }}>Lightning Address</H1>
+        <H1 style={{ marginBottom: 10 }}>
+          {t("generic.lightningAddress", { ns: namespaces.common })}
+        </H1>
 
-        <Text>Your Lightning Address by Lightning Box is:</Text>
+        <Text>{t("yourLightningAddress")}</Text>
         <View style={{ width: "89%", marginBottom: 16 }} testID="payment-request-string">
           <CopyAddress text={lightningBoxAddress} onPress={onPressLightningAddress} />
         </View>
@@ -69,7 +71,7 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
         {showQrCode && <QrCode size={150} border={15} data={lud17} onPress={onPressQrCode} />}
         {!showQrCode && (
           <Button onPress={onPressShowQrCode}>
-            <Text>Show QR code</Text>
+            <Text>{t("showQrCode")}</Text>
           </Button>
         )}
       </Content>
diff --git a/src/windows/LightningBox/LightningBoxRegistration.tsx b/src/windows/LightningBox/LightningBoxRegistration.tsx
index 21057f8f0..905616d40 100644
--- a/src/windows/LightningBox/LightningBoxRegistration.tsx
+++ b/src/windows/LightningBox/LightningBoxRegistration.tsx
@@ -23,7 +23,7 @@ import Container from "../../components/Container";
 import { StackNavigationProp } from "@react-navigation/stack";
 import { signMessageNodePubkey } from "../../lndmobile/wallet";
 import { getUnixTime } from "date-fns";
-import { bytesToHexString, stringToUint8Array, timeout, toast } from "../../utils";
+import { bytesToHexString, stringToUint8Array, toast } from "../../utils";
 import { useTranslation } from "react-i18next";
 import { namespaces } from "../../i18n/i18n.constants";
 import { NativeModules, Platform, StyleSheet } from "react-native";
@@ -62,7 +62,7 @@ interface ILightningBoxProps {
 }
 export default function LightningBoxRegistration({ navigation }: ILightningBoxProps) {
   const lightningBoxServer = useStoreState((store) => store.settings.lightningBoxServer);
-  const t = useTranslation(namespaces.lightningBox.manage).t;
+  const t = useTranslation(namespaces.lightningBox.registration).t;
   const tSettings = useTranslation(namespaces.settings.settings).t;
 
   const [loading, setLoading] = useState(false);
@@ -115,14 +115,18 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
           }
         }
       } catch (error: any) {
-        toast("Error: " + error.message, undefined, "danger");
+        toast(
+          t("msg.error", { ns: namespaces.common }) + ": " + error.message,
+          undefined,
+          "danger",
+        );
       }
     })();
   }, []);
 
   useLayoutEffect(() => {
     navigation.setOptions({
-      headerTitle: t("title"),
+      headerTitle: t("generic.lightningBox", { ns: namespaces.common }),
       headerBackTitle: t("buttons.back", { ns: namespaces.common }),
       headerShown: true,
     });
@@ -159,7 +163,7 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
       }
     } catch (error) {
       console.error(error);
-      toast("Error: " + error.message, undefined, "danger");
+      toast(t("msg.error", { ns: namespaces.common }) + ": " + error.message, undefined, "danger");
       setLoading(false);
     }
   };
@@ -204,53 +208,43 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
   return (
     <Container>
       <Content>
-        <H1>📥 Lightning Box</H1>
+        <H1>📥 {t("generic.lightningBox", { ns: namespaces.common })}</H1>
         <View style={{ marginTop: 10 }}>
-          <Text style={style.p}>Welcome to the Lightning Box registration.</Text>
-          <Text style={style.p}>
-            Lightning Box is a Lightning Address service provider that forwards payment requests
-            directly to the phone, giving you a self-custodial Lightning Address for mobile devices.
-          </Text>
-          <Text style={style.p}>
-            This service is dependent on persistent mode, because the app must stay active to
-            receive incoming payments. Please make sure that battery optimization is turned off on
-            your device. Otherwise this service may not work.
-          </Text>
-          <Text style={style.p}>
-            The service is free to use. However, due to technical reasons it currently requires a
-            channel with the Lightning Box provider. It's currently not possible to change your
-            Lightning Address after you have chosen one.
-          </Text>
+          <Text style={style.p}>{t("info.welcome")}</Text>
+          <Text style={style.p}>{t("info.whatIs")}</Text>
+          <Text style={style.p}>{t("info.persistentMode")}</Text>
+          <Text style={style.p}>{t("info.currentRules")}</Text>
           {/* <Text style={style.p}>Follow the steps below in order to register your account.</Text> */}
         </View>
         <View style={style.prerequisites}>
-          <H2>Prerequisites</H2>
+          <H2>{t("prerequisites.prerequisites")}</H2>
           <List style={style.list}>
             <ListItem style={style.listItem} icon={true}>
               <Left>
                 <Icon style={style.icon} type="Entypo" name="magnifying-glass" />
               </Left>
               <Body>
-                {lnboxIsEligible == null && (
-                  <Text>{/*t("prerequisites.eligibility")*/}Checking eligibility...</Text>
-                )}
+                {lnboxIsEligible == null && <Text>{t("prerequisites.checkingEligibility")}</Text>}
                 {lnboxIsEligible === true && (
                   <>
-                    <Text>Eligible</Text>
-                    <Text note={true}>You have a channel with the Lightning Box service.</Text>
+                    <Text>{t("prerequisites.eligible")}</Text>
+                    <Text note={true}>{t("prerequisites.youHaveChannel")}</Text>
                   </>
                 )}
                 {lnboxIsEligible === false && (
                   <>
-                    <Text>Not eligible</Text>
-                    <Text note={true}>Reason: {lnboxNotEligibleReason}</Text>
+                    <Text>{t("prerequisites.notEligible")}</Text>
+                    <Text note={true}>
+                      {t("generic.reason", {
+                        ns: namespaces.common,
+                        reason: lnboxNotEligibleReason,
+                      })}
+                    </Text>
                   </>
                 )}
               </Body>
               <Right>
-                {lnboxIsEligible !== null && (
-                  <CheckBox disabled checked={lnboxIsEligible} onPress={undefined} />
-                )}
+                {lnboxIsEligible !== null && <CheckBox disabled checked={lnboxIsEligible} />}
               </Right>
             </ListItem>
 
@@ -277,9 +271,9 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
         </View>
 
         <View style={style.prerequisites}>
-          <H2>Registration</H2>
+          <H2>{t("registration.registration")}</H2>
           <Item>
-            <Label style={{ width: 95 }}>Address</Label>
+            <Label style={{ width: 95 }}>{t("registration.fields.address")}</Label>
             <Input
               autoCapitalize="none"
               secureTextEntry={true}
@@ -292,7 +286,7 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
             <Text>@blixtwallet.com</Text>
           </Item>
           <Item>
-            <Label style={{ width: 95 }}>Message to the payer</Label>
+            <Label style={{ width: 95 }}>{t("registration.fields.messageToPayer")}</Label>
             <Input value={lnurlpDesc} onChangeText={setLnurlpDesc} maxLength={64} />
           </Item>
           <Text></Text>
@@ -306,7 +300,11 @@ export default function LightningBoxRegistration({ navigation }: ILightningBoxPr
           primary={true}
           disabled={!(lnboxIsEligible && name && !loading)}
         >
-          {loading ? <Spinner color={blixtTheme.light} /> : <Text>Register</Text>}
+          {loading ? (
+            <Spinner color={blixtTheme.light} />
+          ) : (
+            <Text>{t("registration.register")}</Text>
+          )}
         </Button>
       </Content>
     </Container>
diff --git a/src/windows/LightningBox/index.tsx b/src/windows/LightningBox/index.tsx
index c3f195f04..ce0631b01 100644
--- a/src/windows/LightningBox/index.tsx
+++ b/src/windows/LightningBox/index.tsx
@@ -21,7 +21,6 @@ export default function LightningBox() {
   // We use the setting in order to decide whether the user shuold go to the
   // registration screen or info screen.
   const lightningBoxAddress = useStoreState((store) => store.settings.lightningBoxAddress);
-  console.log("hej lnbox", lightningBoxAddress);
 
   const screenOptions: StackNavigationOptions = {
     ...useStackNavigationOptions(),