feat(connector): add general lndhub connector #576

src/app/router/connectorRoutes.tsx

@@ -21,7 +21,8 @@ import galoyBitcoinBeach from "/static/assets/icons/galoy_bitcoin_beach.png";
 import galoyBitcoinJungle from "/static/assets/icons/galoy_bitcoin_jungle.png";
 import lnbits from "/static/assets/icons/lnbits.png";
 import lnd from "/static/assets/icons/lnd.png";
-import lndhub from "/static/assets/icons/lndhub.png";
+import lndhubBlueWallet from "/static/assets/icons/lndhub_bluewallet.png";
+import lndhubGo from "/static/assets/icons/lndhub_go.png";
 import mynode from "/static/assets/icons/mynode.png";
 import raspiblitz from "/static/assets/icons/raspiblitz.png";
 import start9 from "/static/assets/icons/start9.png";
@@ -54,16 +55,6 @@ function getConnectorRoutes() {
       ),
       logo: lnd,
     },
-    {
-      path: "lnd-hub",
-      element: <ConnectLndHub />,
-      title: i18n.t("choose_connector.lndhub.title", translationI18nNamespace),
-      description: i18n.t(
-        "choose_connector.lndhub.description",
-        translationI18nNamespace
-      ),
-      logo: lndhub,
-    },
     {
       path: "lnbits",
       element: <ConnectLnbits />,
@@ -74,6 +65,32 @@ function getConnectorRoutes() {
       ),
       logo: lnbits,
     },
+    {
+      path: "lnd-hub-go",
+      element: <ConnectLndHub lndHubType="lndhub_go" />,
+      title: i18n.t(
+        "choose_connector.lndhub_go.title",
+        translationI18nNamespace
+      ),
+      description: i18n.t(
+        "choose_connector.lndhub_go.description",
+        translationI18nNamespace
+      ),
+      logo: lndhubGo,
+    },
+    {
+      path: "lnd-hub-bluewallet",
+      element: <ConnectLndHub />,
+      title: i18n.t(
+        "choose_connector.lndhub_bluewallet.title",
+        translationI18nNamespace
+      ),
+      description: i18n.t(
+        "choose_connector.lndhub_bluewallet.description",
+        translationI18nNamespace
+      ),
+      logo: lndhubBlueWallet,
+    },
     {
       path: "eclair",
       element: <ConnectEclair />,

src/app/screens/connectors/ConnectLndHub/index.tsx

@@ -9,10 +9,16 @@ import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import utils from "~/common/lib/utils";
 
-export default function ConnectLndHub() {
+export type Props = {
+  lndHubType?: "lndhub_bluewallet" | "lndhub_go";
+};
+
+export default function ConnectLndHub({
+  lndHubType = "lndhub_bluewallet",
+}: Props) {
   const navigate = useNavigate();
   const { t } = useTranslation("translation", {
-    keyPrefix: "choose_connector.lndhub",
+    keyPrefix: `choose_connector.${lndHubType}`,
   });
   const [formData, setFormData] = useState({
     uri: "",
@@ -48,7 +54,7 @@ export default function ConnectLndHub() {
     const password = match[2];
     const url = match[3].replace(/\/$/, "");
     const account = {
-      name: "LNDHub",
+      name: lndHubType === "lndhub_bluewallet" ? "Bluewallet" : "LNDHub",
       config: {
         login,
         password,

src/i18n/locales/en/translation.json

@@ -110,13 +110,28 @@
           "connection_failed": "Connection failed. Are your LND credentials correct?"
         }
       },
-      "lndhub": {
-        "title": "LNDHub (Bluewallet)",
+      "lndhub_bluewallet": {
+        "title": "Bluewallet",
         "description": "Connect to your Bluewallet mobile wallet",
         "page": {
-          "title": "Connect to LNDHub (BlueWallet)",
+          "title": "Connect to BlueWallet",
           "description": "In BlueWallet, choose the wallet you want to connect, open it, click on \"...\", click on Export/Backup to display the QR code and scan it with your webcam."
         },
+        "uri": {
+          "label": "BlueWallet Export URI"
+        },
+        "errors": {
+          "invalid_uri": "Invalid BlueWallet URI",
+          "connection_failed": "Connection failed. Is your BlueWallet URI correct?"
+        }
+      },
+      "lndhub_go": {
+        "title": "LNDHub",
+        "description": "Connect to your LNDHub account",
+        "page": {
+          "title": "Connect to LNDHub",
+          "description": "Input your LNDHub credential URI here or scan the QR code with your webcam."
+        },
         "uri": {
           "label": "LNDHub Export URI"
         },

tests/e2e/001-createWallets.spec.ts

@@ -106,18 +106,18 @@ test.describe("Create or connect wallets", () => {
   test("successfully connects to BlueWallet", async () => {
     const { browser, page, $document } = await commonCreateWalletUserCreate();
 
-    // click at "LNDHub (BlueWallet)"
-    const createNewWalletButton = await getByText(
-      $document,
-      "LNDHub (Bluewallet)"
-    );
+    // click at "BlueWallet"
+    const createNewWalletButton = await getByText($document, "Bluewallet");
     createNewWalletButton.click();
 
-    await findByText($document, "Connect to LNDHub (BlueWallet)");
+    await findByText($document, "Connect to BlueWallet");
 
     const lndHubUrl =
       "lndhub://c269ebb962f1a94f9c29:f6f16f35e935edc05ee7@https://lndhub.io";
-    const lndUrlField = await getByLabelText($document, "LNDHub Export URI");
+    const lndUrlField = await getByLabelText(
+      $document,
+      "BlueWallet Export URI"
+    );
     await lndUrlField.type(lndHubUrl);
 
     await commonCreateWalletSuccessCheck({ page, $document });