Add missing logos to ChooseConnector from options page

getAlby · Dec 2, 2021 · 7011e07 · 7011e07
1 parent 2f55c8e
commit 7011e07
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/app/screens/Options/ChooseConnector/index.jsx b/src/app/screens/Options/ChooseConnector/index.jsx
@@ -7,27 +7,36 @@ import ConnectLndHub from "../../Onboard/ConnectLndHub";
 import ConnectLnbits from "../../Onboard/ConnectLnbits";
 import NewWallet from "../../Onboard/NewWallet";
 
+import lnbits from "/static/assets/icons/lnbits.png";
+import lndhub from "/static/assets/icons/lndhub.png";
+import lnd from "/static/assets/icons/lnd.png";
+import alby from "/static/assets/icons/alby.png";
+
 export default function ChooseConnector() {
   const connectors = [
     {
       to: "lnd",
       title: "LND",
       description: "Connect to your LND node",
+      logo: lnd,
     },
     {
       to: "lnd-hub",
       title: "LNDHub (Bluewallet)",
       description: "Connect to your Bluewallet mobile wallet",
+      logo: lndhub,
     },
     {
       to: "lnbits",
       title: "LNbits",
       description: "Connect to your LNbits account",
+      logo: lnbits,
     },
     {
       to: "create-wallet",
       title: "Create a new wallet",
       description: "We create and manage a lightning wallet for you",
+      logo: alby,
     },
   ];
 
@@ -43,12 +52,13 @@ export default function ChooseConnector() {
               </h1>
               <p className="text-gray-500 my-6"></p>
               <div className="space-y-4">
-                {connectors.map(({ to, title, description }) => (
+                {connectors.map(({ to, title, description, logo }) => (
                   <LinkButton
                     key={to}
                     to={to}
                     title={title}
                     description={description}
+                    logo={logo}
                   />
                 ))}
               </div>