From 85d7d2add34643f8453ee4085a15f765cf70ba3f Mon Sep 17 00:00:00 2001 From: pavanjoshi914 Date: Wed, 10 Jan 2024 14:54:27 +0530 Subject: [PATCH 01/10] feat: new unlock screen --- src/app/components/PasswordForm/index.tsx | 2 +- src/app/screens/Onboard/SetPassword/index.tsx | 51 +++++++++++-------- src/i18n/locales/en/translation.json | 11 ++-- 3 files changed, 36 insertions(+), 28 deletions(-) diff --git a/src/app/components/PasswordForm/index.tsx b/src/app/components/PasswordForm/index.tsx index cb9ea73dfd..e69962c800 100644 --- a/src/app/components/PasswordForm/index.tsx +++ b/src/app/components/PasswordForm/index.tsx @@ -88,7 +88,7 @@ export default function PasswordForm< return ( <> -
+
+ Unlock screen ); return (
-

+

{t("title")}

-

- {t("description")} -

-
+
{unlockScreenshot}
+ +
+ + {t("description1")} +
+
+ + {t("description2")} +
+
+
+
-
-
); } diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json index 54b91d50f2..6cf85b962e 100644 --- a/src/i18n/locales/en/translation.json +++ b/src/i18n/locales/en/translation.json @@ -3,8 +3,9 @@ "welcome": { "title": "Welcome to Alby", "set_password": { - "title": "Set an unlock passcode", - "description": "This passcode will allow you to unlock Alby on this device. It cannot be recovered, but may be changed later.", + "title": "Set extension unlock passcode", + "description1": "Set a passcode to unlock Alby Extension in this browser", + "description2": "Unlock passcode cannot be recovered, but may be changed ", "choose_password": { "label": "Choose an unlock passcode:" }, @@ -12,9 +13,9 @@ "label": "Let's confirm you typed it correct:" }, "errors": { - "enter_password": "Please enter a passcode.", - "confirm_password": "Please confirm your passcode.", - "mismatched_password": "Passcodes don't match." + "enter_password": "Please enter a password.", + "confirm_password": "Please confirm your password.", + "mismatched_password": "Passwords don't match." } }, "test_connection": { From c99af4d971aa60eec5e04bfca624711e370f5d82 Mon Sep 17 00:00:00 2001 From: pavanjoshi914 Date: Thu, 11 Jan 2024 12:12:19 +0530 Subject: [PATCH 02/10] feat: style changes in unlock screen --- src/app/screens/Onboard/SetPassword/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/screens/Onboard/SetPassword/index.tsx b/src/app/screens/Onboard/SetPassword/index.tsx index 8416253f5e..36365d5870 100644 --- a/src/app/screens/Onboard/SetPassword/index.tsx +++ b/src/app/screens/Onboard/SetPassword/index.tsx @@ -42,7 +42,7 @@ export default function SetPassword() { return (
-
+

{t("title")} From 5e6befd4981169b86950ef6fb9ea641ab234feed Mon Sep 17 00:00:00 2001 From: pavanjoshi914 Date: Thu, 11 Jan 2024 12:20:29 +0530 Subject: [PATCH 03/10] chore: hidden image for short screen --- src/app/screens/Onboard/SetPassword/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/screens/Onboard/SetPassword/index.tsx b/src/app/screens/Onboard/SetPassword/index.tsx index 36365d5870..3811cf4a00 100644 --- a/src/app/screens/Onboard/SetPassword/index.tsx +++ b/src/app/screens/Onboard/SetPassword/index.tsx @@ -48,7 +48,7 @@ export default function SetPassword() { {t("title")}

-
+
{unlockScreenshot}
From b66f0d666b725f90ff448a5104d9de2bc2cb811c Mon Sep 17 00:00:00 2001 From: pavanjoshi914 Date: Thu, 11 Jan 2024 13:07:43 +0530 Subject: [PATCH 04/10] feat: choose connector and connector card improvements --- src/app/components/ConnectorPath/index.tsx | 2 +- src/app/components/LinkButton/index.tsx | 2 +- src/app/screens/connectors/ChooseConnector/index.tsx | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/app/components/ConnectorPath/index.tsx b/src/app/components/ConnectorPath/index.tsx index 228ba097a7..8aeaf0d552 100644 --- a/src/app/components/ConnectorPath/index.tsx +++ b/src/app/components/ConnectorPath/index.tsx @@ -8,7 +8,7 @@ type Props = { function ConnectorPath({ title, icon, description, content, actions }: Props) { return ( -
+
{icon}

diff --git a/src/app/components/LinkButton/index.tsx b/src/app/components/LinkButton/index.tsx index 10f2a50c67..68adec4634 100644 --- a/src/app/components/LinkButton/index.tsx +++ b/src/app/components/LinkButton/index.tsx @@ -11,7 +11,7 @@ export default function LinkButton({ to, title, logo }: Props) {
- logo + logo
diff --git a/src/app/screens/connectors/ChooseConnector/index.tsx b/src/app/screens/connectors/ChooseConnector/index.tsx index e209298570..64f73bbd13 100644 --- a/src/app/screens/connectors/ChooseConnector/index.tsx +++ b/src/app/screens/connectors/ChooseConnector/index.tsx @@ -25,11 +25,11 @@ export default function ChooseConnector({

)}
-
+
{connectorRoutes.map(({ path, title, logo }) => (
From bdefb8901754a40af4f50452e1fb4e80a413a671 Mon Sep 17 00:00:00 2001 From: pavanjoshi914 Date: Thu, 11 Jan 2024 16:06:04 +0530 Subject: [PATCH 05/10] feat: refactor connector form improve connector screens --- src/app/components/ConnectorForm/index.tsx | 29 +++++++++--------- src/app/components/LinkButton/index.tsx | 2 +- .../connectors/ConnectCommando/index.tsx | 28 ++++++++++++----- .../screens/connectors/ConnectLnc/index.tsx | 2 +- src/i18n/locales/en/translation.json | 13 ++++---- static/assets/icons/lnd_lnc.png | Bin 0 -> 5397 bytes 6 files changed, 44 insertions(+), 30 deletions(-) create mode 100644 static/assets/icons/lnd_lnc.png diff --git a/src/app/components/ConnectorForm/index.tsx b/src/app/components/ConnectorForm/index.tsx index 920aa8caa9..00a459e3a8 100644 --- a/src/app/components/ConnectorForm/index.tsx +++ b/src/app/components/ConnectorForm/index.tsx @@ -42,7 +42,7 @@ function ConnectorForm({ )} {image && ( <> -
+
Screenshot -
+
{logo && } {/* @@ -70,9 +70,8 @@ function ConnectorForm({ title )}
- {media} {description && ( -
+
{typeof description === "string" ? (

{description}

) : ( @@ -80,18 +79,18 @@ function ConnectorForm({ )}
)} + {media}
{children}
-
- -
-
); diff --git a/src/app/components/LinkButton/index.tsx b/src/app/components/LinkButton/index.tsx index 68adec4634..e8c3416aec 100644 --- a/src/app/components/LinkButton/index.tsx +++ b/src/app/components/LinkButton/index.tsx @@ -9,7 +9,7 @@ type Props = { export default function LinkButton({ to, title, logo }: Props) { return ( -
+
logo
diff --git a/src/app/screens/connectors/ConnectCommando/index.tsx b/src/app/screens/connectors/ConnectCommando/index.tsx index 19d64b8161..d197e667bf 100644 --- a/src/app/screens/connectors/ConnectCommando/index.tsx +++ b/src/app/screens/connectors/ConnectCommando/index.tsx @@ -1,4 +1,7 @@ -import Button from "@components/Button"; +import { + CaretDownIcon, + CaretUpIcon, +} from "@bitcoin-design/bitcoin-icons-react/outline"; import ConnectorForm from "@components/ConnectorForm"; import TextField from "@components/form/TextField"; import ConnectionErrorToast from "@components/toasts/ConnectionErrorToast"; @@ -6,6 +9,7 @@ import * as secp256k1 from "@noble/secp256k1"; import { useState } from "react"; import { useTranslation } from "react-i18next"; import { useNavigate } from "react-router-dom"; +import Hyperlink from "~/app/components/Hyperlink"; import PasswordViewAdornment from "~/app/components/PasswordViewAdornment"; import toast from "~/app/components/Toast"; import msg from "~/common/lib/msg"; @@ -151,12 +155,22 @@ export default function ConnectCommando() { onChange={handleChange} />
-