Update button text + logo + welcome view

stellar · Sep 11, 2023 · 486f73b · 486f73b
1 parent bd7cc83
commit 486f73b
Show file tree

Hide file tree

Showing 11 changed files with 26 additions and 13 deletions.
diff --git a/extension/src/popup/assets/logo-freighter.svg b/extension/src/popup/assets/logo-freighter.svg
diff --git 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) => (
   <header className={`Header ${isPopupView ? "Header__popup" : ""}`}>
     <div className={isPopupView ? "" : "Header__fullscreen"}>
-      <img alt="Freighter logo" src={FreighterLogoLockup} />
+      <img alt="Freighter logo" src={FreighterLogo} />
     </div>
   </header>
 );
diff --git 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")}
                 </Button>
               </SubmitButtonWrapper>
             </Form>

diff --git 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 = () => {
     <div className="About">
       <SubviewHeader title="About" />
       <div>
-        <img alt="Freighter logo" src={FreighterLogoLockup} />
+        <img alt="Freighter logo" src={FreighterLogo} />
       </div>
       <div className="About__body">
         <div className="About__info">

diff --git 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")}
                     </Button>
                   </SubmitButtonWrapper>
                 </OnboardingHalfScreen>

diff --git 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")}
         </Button>
       </SubmitButtonWrapper>
     </>
@@ -134,7 +134,7 @@ const RecoverAccountSuccessMessage = () => {
             }
           }}
         >
-          {isChrome() ? t("CONTINUE") : t("ALL DONE")}
+          {isChrome() ? t("Continue") : t("All Done")}
         </Button>
       </SubmitButtonWrapper>
     </>

diff --git 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")}
                     </Button>
                   </SubmitButtonWrapper>
                 </div>

diff --git 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")}
                 </Button>
               </SubmitButtonWrapper>
             </div>

diff --git 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
@@ -36,7 +36,7 @@ export const Welcome = () => {
                   variant="primary"
                   onClick={() => navigateTo(ROUTES.accountCreator)}
                 >
-                  {t("CREATE WALLET")}
+                  {t("Create Wallet")}
                 </Button>
               </div>
             </Card>
@@ -56,7 +56,7 @@ export const Welcome = () => {
                   variant="secondary"
                   onClick={() => navigateTo(ROUTES.recoverAccount)}
                 >
-                  {t("IMPORT WALLET")}
+                  {t("Import Wallet")}
                 </Button>
               </div>
             </Card>

diff --git 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 {