diff --git a/src/common/i18n/locales/en-US.json b/src/common/i18n/locales/en-US.json index 7ac7c1b7c50..69ea9363309 100644 --- a/src/common/i18n/locales/en-US.json +++ b/src/common/i18n/locales/en-US.json @@ -183,7 +183,7 @@ "referral": "Referral:", "copy-key": "Make sure you copy your password as you would be needing it to setup keychain.", "key-copied": "Password copied successfully", - "download-keys": "Download Keys", + "download-keys": "Download the rest of your keys by clicking here, and save them somewhere you won’t lose them", "create-account-hive": "Pay with HIVE", "create-account-credit": "Pay with Account Credits ({{n}})", "confirm-details": "Confirm Details", @@ -222,7 +222,7 @@ "copy-tooltip": "Copy password", "regenerate-password": "Regenerate password", "copy-password": "Password copied successfully", - "copy-info-message": "Copy Link below and SEND to an existing Hive user or scan QR code", + "copy-info-message": "Click QR code to copy account link and send to your onboarder/referrer (an existing Hive user you know)", "creating-for-a-friend": "You are creating an account for a friend.", "success-message": "You successfully created the account ", "sign-title": "Sign transaction with ", diff --git a/src/common/pages/_sign-up.scss b/src/common/pages/_sign-up.scss index c063abbffd0..334a4d631ab 100644 --- a/src/common/pages/_sign-up.scss +++ b/src/common/pages/_sign-up.scss @@ -16,6 +16,12 @@ display: flex; justify-content: center; width: 100%; + margin-top: 200px; + + @media (max-width: 470px) { + margin-top: 500px; + } + .success-info { display: flex; flex-direction: column; diff --git a/src/common/pages/sign-up.tsx b/src/common/pages/sign-up.tsx index 0d4eed73076..519e2f90e94 100644 --- a/src/common/pages/sign-up.tsx +++ b/src/common/pages/sign-up.tsx @@ -339,40 +339,44 @@ const SignUpPage = (props: Props | any) => {

Please make sure you have keychain installed as an extension on your browser (If you are a using the web browser, we recommend that you pin it to your browser.)

- {/*

If you are on mobile, download the keychain mobile app

*/} - {/*
- Don't have keychain? download - - here - -
*/}
{_t("onboard.username")} {username}
-
+ {/*

Step 1

Download your keys to continue -
- {isDownloaded &&
-

Step 2

+
*/} + {/* {isDownloaded && */} +
+

Step 1

{!activeUser &&
{_t("onboard.copy-info-message")}
} {activeUser &&
Click link below or scan QR code
}
{!activeUser ? <>
- {splitUrl(`${window.origin}/onboard-friend/${urlHash}`)}... + {/* {splitUrl(`${window.origin}/onboard-friend/${urlHash}`)} { clipboard(`${window.origin}/onboard-friend/${urlHash}`); success(_t("onboard.copy-link")) - }}>{copyContent} + }}>{copyContent} */}
: {_t("onboard.click-link")}}
-
+
{ + clipboard(`${window.origin}/onboard-friend/${urlHash}`); + success(_t("onboard.copy-link")) + }} + style={{ + background: 'white', + padding: '16px', + cursor: "pointer" + }} + > {
-

Step 3

- {/* {_t("onboard.copy-key")} */} +

Step 2

Confirm if your friend has created your account, then check your email for instructions on setting up your account and download keychain extension here - {/* If you are on mobile, download the keychain mobile app */}
- {/* If you are on desktop */}
-

Step 4

+

Step 3

Copy your account password below and paste to keychain to set up your account

- {accountPassword}... + {accountPassword} { clipboard(accountPassword) success(_t("onboard.key-copied")) }}>{copyContent}
+
+

Step 4

+ {/* Download your keys to continue */} + +
-
} +
+ {/* // } */}
}