feat: update connect wallet page

getAlby · Jul 9, 2024 · b22e2e1 · b22e2e1
1 parent 4c892bb
commit b22e2e1
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 34 deletions.
diff --git a/src/app/screens/connectors/ChooseConnectorPath/index.tsx b/src/app/screens/connectors/ChooseConnectorPath/index.tsx
@@ -21,6 +21,26 @@ export default function ChooseConnectorPath() {
           {t("title")}
         </h1>
         <div className="grid lg:grid-cols-2 gap-8 mb-4">
+          <ConnectorPath
+            title={t("alby.title")}
+            icon={
+              <img
+                src="assets/icons/alby.png"
+                className="w-10 h-10 rounded-md"
+              />
+            }
+            description={t("alby.description")}
+            content={
+              <>
+                <FeatureItem type="warning">{t("alby.point1")}</FeatureItem>
+                <FeatureItem type="success">
+                  <span className="font-bold">{t("alby.point2")}</span>
+                </FeatureItem>
+                <FeatureItem type="success">{t("alby.point3")}</FeatureItem>
+              </>
+            }
+            actions={<ConnectAlby />}
+          />
           <ConnectorPath
             title={t("other.title")}
             icon={
@@ -48,36 +68,15 @@ export default function ChooseConnectorPath() {
               <>
                 <FeatureItem type="success">{t("other.point1")}</FeatureItem>
                 <FeatureItem type="success">{t("other.point2")}</FeatureItem>
-                <FeatureItem type="success">{t("other.point3")}</FeatureItem>
-                <FeatureItem type="disabled">{t("other.point4")}</FeatureItem>
+                <FeatureItem type="disabled">{t("other.point3")}</FeatureItem>
               </>
             }
             actions={
               <Link to="choose-connector" className="flex flex-1">
-                <Button tabIndex={-1} label={t("other.connect")} primary flex />
+                <Button tabIndex={-1} label={t("other.connect")} outline flex />
               </Link>
             }
           />
-
-          <ConnectorPath
-            title={t("alby.title")}
-            icon={
-              <img
-                src="assets/icons/alby.png"
-                className="w-10 h-10 rounded-md"
-              />
-            }
-            description={t("alby.description")}
-            content={
-              <>
-                <FeatureItem type="warning">{t("alby.point1")}</FeatureItem>
-                <FeatureItem type="warning">{t("alby.point2")}</FeatureItem>
-                <FeatureItem type="success">{t("alby.point3")}</FeatureItem>
-                <FeatureItem type="success">{t("alby.point4")}</FeatureItem>
-              </>
-            }
-            actions={<ConnectAlby />}
-          />
         </div>
       </div>
     </div>

diff --git a/src/app/screens/connectors/ConnectAlby/index.tsx b/src/app/screens/connectors/ConnectAlby/index.tsx
@@ -79,8 +79,8 @@ export default function ConnectAlby() {
       loading={loading}
       disabled={loading}
       flex
-      outline
       onClick={connectAlby}
+      primary
     />
   );
 }
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
@@ -39,21 +39,19 @@
       "title": "Connect Wallet to Alby Extension",
       "other": {
         "title": "Bring Your Own Wallet",
-        "description": "Best if you already have a wallet or need to do high-volume payments.",
-        "connect": "Connect",
+        "description": "Good if you already have a wallet or own lightning node.",
+        "connect": "Find Your Wallet",
         "point1": "Start instantly, no waiting for an invite",
-        "point2": "No transaction or volume limits",
-        "point3": "Both self-custody and custodial options",
-        "point4": "No lightning and nostr address"
+        "point2": "Both self-custody and custodial options",
+        "point3": "No lightning and nostr address"
       },
       "alby": {
         "title": "Alby Account",
-        "description": "Ideal for beginners or anyone looking for a great daily spending wallet.",
-        "connect": "Connect with Alby",
+        "description": "Ideal if you would like to enjoy apps while staying in control of your bitcoin.",
+        "connect": "Continue with Alby Account",
         "point1": "New signups require an invite code",
-        "point2": "Transaction volume limits apply",
-        "point3": "Set up and login with your email",
-        "point4": "Unique lightning and nostr address"
+        "point2": "Alby Hub: your self-custodial wallet",
+        "point3": "Unique lightning and nostr address"
       }
     },
     "alby": {