From 486f73b3ae7a001681dda2606ac340e7d5c959ae Mon Sep 17 00:00:00 2001 From: Iveta Date: Mon, 11 Sep 2023 13:34:45 -0400 Subject: [PATCH] Update button text + logo + welcome view --- extension/src/popup/assets/logo-freighter.svg | 12 ++++++++++++ extension/src/popup/components/Header/index.tsx | 4 ++-- .../mnemonicPhrase/ConfirmMnemonicPhrase/index.tsx | 2 +- extension/src/popup/views/About/index.tsx | 4 ++-- extension/src/popup/views/AccountCreator/index.tsx | 2 +- .../popup/views/FullscreenSuccessMessage/index.tsx | 4 ++-- extension/src/popup/views/RecoverAccount/index.tsx | 2 +- extension/src/popup/views/UnlockAccount/index.tsx | 2 +- extension/src/popup/views/UnlockAccount/styles.scss | 1 + extension/src/popup/views/Welcome/index.tsx | 4 ++-- extension/src/popup/views/Welcome/styles.scss | 2 +- 11 files changed, 26 insertions(+), 13 deletions(-) create mode 100644 extension/src/popup/assets/logo-freighter.svg diff --git a/extension/src/popup/assets/logo-freighter.svg b/extension/src/popup/assets/logo-freighter.svg new file mode 100644 index 0000000000..41d7519de9 --- /dev/null +++ b/extension/src/popup/assets/logo-freighter.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/extension/src/popup/components/Header/index.tsx b/extension/src/popup/components/Header/index.tsx index f28fcbac12..8371b4db99 100644 --- a/extension/src/popup/components/Header/index.tsx +++ b/extension/src/popup/components/Header/index.tsx @@ -1,6 +1,6 @@ import React from "react"; -import FreighterLogoLockup from "popup/assets/logo-lockup-freighter.svg"; +import FreighterLogo from "popup/assets/logo-freighter.svg"; import "./styles.scss"; @@ -11,7 +11,7 @@ interface HeaderProps { export const Header = ({ isPopupView = false }: HeaderProps) => (
- Freighter logo + Freighter logo
); diff --git a/extension/src/popup/components/mnemonicPhrase/ConfirmMnemonicPhrase/index.tsx b/extension/src/popup/components/mnemonicPhrase/ConfirmMnemonicPhrase/index.tsx index e6e82a0c39..7ec5b5f719 100644 --- a/extension/src/popup/components/mnemonicPhrase/ConfirmMnemonicPhrase/index.tsx +++ b/extension/src/popup/components/mnemonicPhrase/ConfirmMnemonicPhrase/index.tsx @@ -118,7 +118,7 @@ export const ConfirmMnemonicPhrase = ({ disabled={!dirty && !!joinSelectedWords().length} isLoading={isSubmitting} > - {t("NEXT")} + {t("Next")} diff --git a/extension/src/popup/views/About/index.tsx b/extension/src/popup/views/About/index.tsx index 5514b428e5..b27799c006 100644 --- a/extension/src/popup/views/About/index.tsx +++ b/extension/src/popup/views/About/index.tsx @@ -4,7 +4,7 @@ import { useTranslation } from "react-i18next"; import { SubviewHeader } from "popup/components/SubviewHeader"; -import FreighterLogoLockup from "popup/assets/logo-lockup-freighter.svg"; +import FreighterLogo from "popup/assets/logo-freighter.svg"; import "./styles.scss"; @@ -30,7 +30,7 @@ export const About = () => {
- Freighter logo + Freighter logo
diff --git a/extension/src/popup/views/AccountCreator/index.tsx b/extension/src/popup/views/AccountCreator/index.tsx index a4437919ef..844af56a1a 100644 --- a/extension/src/popup/views/AccountCreator/index.tsx +++ b/extension/src/popup/views/AccountCreator/index.tsx @@ -155,7 +155,7 @@ export const AccountCreator = () => { isLoading={isSubmitting} disabled={!(dirty && isValid)} > - {t("CONFIRM")} + {t("Confirm")} diff --git a/extension/src/popup/views/FullscreenSuccessMessage/index.tsx b/extension/src/popup/views/FullscreenSuccessMessage/index.tsx index 624b920ff0..c66ddf0d39 100644 --- a/extension/src/popup/views/FullscreenSuccessMessage/index.tsx +++ b/extension/src/popup/views/FullscreenSuccessMessage/index.tsx @@ -83,7 +83,7 @@ const MnemonicPhraseConfirmedMessage = () => { } }} > - {isChrome() ? t("CONTINUE") : t("ALL DONE")} + {isChrome() ? t("Continue") : t("All Done")} @@ -134,7 +134,7 @@ const RecoverAccountSuccessMessage = () => { } }} > - {isChrome() ? t("CONTINUE") : t("ALL DONE")} + {isChrome() ? t("Continue") : t("All Done")} diff --git a/extension/src/popup/views/RecoverAccount/index.tsx b/extension/src/popup/views/RecoverAccount/index.tsx index 458c5204e4..f6d53779e1 100644 --- a/extension/src/popup/views/RecoverAccount/index.tsx +++ b/extension/src/popup/views/RecoverAccount/index.tsx @@ -235,7 +235,7 @@ export const RecoverAccount = () => { ) } > - {t("IMPORT")} + {t("Import")}
diff --git a/extension/src/popup/views/UnlockAccount/index.tsx b/extension/src/popup/views/UnlockAccount/index.tsx index 685c5a9f34..83b141da02 100644 --- a/extension/src/popup/views/UnlockAccount/index.tsx +++ b/extension/src/popup/views/UnlockAccount/index.tsx @@ -82,7 +82,7 @@ export const UnlockAccount = () => { isLoading={isSubmitting} disabled={!(dirty && isValid)} > - {t("LOG IN")} + {t("Log In")}
diff --git a/extension/src/popup/views/UnlockAccount/styles.scss b/extension/src/popup/views/UnlockAccount/styles.scss index 69373c8830..2d5da4a188 100644 --- a/extension/src/popup/views/UnlockAccount/styles.scss +++ b/extension/src/popup/views/UnlockAccount/styles.scss @@ -11,6 +11,7 @@ line-height: 2.4rem; color: var(--color-gray-90); max-width: 17rem; + font-weight: var(--font-weight-medium); } &__import-account { diff --git a/extension/src/popup/views/Welcome/index.tsx b/extension/src/popup/views/Welcome/index.tsx index 2d5e310b2e..8dcebde708 100644 --- a/extension/src/popup/views/Welcome/index.tsx +++ b/extension/src/popup/views/Welcome/index.tsx @@ -36,7 +36,7 @@ export const Welcome = () => { variant="primary" onClick={() => navigateTo(ROUTES.accountCreator)} > - {t("CREATE WALLET")} + {t("Create Wallet")}
@@ -56,7 +56,7 @@ export const Welcome = () => { variant="secondary" onClick={() => navigateTo(ROUTES.recoverAccount)} > - {t("IMPORT WALLET")} + {t("Import Wallet")} diff --git a/extension/src/popup/views/Welcome/styles.scss b/extension/src/popup/views/Welcome/styles.scss index 44c7405f96..08e9cbf64d 100644 --- a/extension/src/popup/views/Welcome/styles.scss +++ b/extension/src/popup/views/Welcome/styles.scss @@ -30,6 +30,7 @@ margin-bottom: 2.5rem; text-align: center; max-width: 36rem; + font-weight: var(--font-weight-medium); } &--small { @@ -52,7 +53,6 @@ justify-content: center; padding: 0; width: 24rem; - height: 13.25rem; } &__import {