From a0602f1c0e24238c76bb111eb956e9f701cb3489 Mon Sep 17 00:00:00 2001
From: VSaric <92527393+VSaric@users.noreply.github.com>
Date: Wed, 23 Feb 2022 17:41:06 +0100
Subject: [PATCH] Success page (#13570)

---
 app/_locales/en/messages.json                               | 3 +++
 .../creation-successful/creation-successful.js              | 4 ++--
 .../creation-successful/creation-successful.test.js         | 6 +++---
 ui/pages/onboarding-flow/creation-successful/index.scss     | 4 ++--
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json
index d64299449..796f3f641 100644
--- a/app/_locales/en/messages.json
+++ b/app/_locales/en/messages.json
@@ -1350,6 +1350,9 @@
   "goerli": {
     "message": "Goerli Test Network"
   },
+  "gotIt": {
+    "message": "Got it!"
+  },
   "grantedToWithColon": {
     "message": "Granted to:"
   },
diff --git a/ui/pages/onboarding-flow/creation-successful/creation-successful.js b/ui/pages/onboarding-flow/creation-successful/creation-successful.js
index 8a5c53ee9..fad8fe801 100644
--- a/ui/pages/onboarding-flow/creation-successful/creation-successful.js
+++ b/ui/pages/onboarding-flow/creation-successful/creation-successful.js
@@ -85,7 +85,7 @@ export default function CreationSuccessful() {
             type="link"
             rel="noopener noreferrer"
           >
-            {t('learnMore')}
+            {t('learnMoreUpperCase')}
           </Button>
         </li>
       </ul>
@@ -103,7 +103,7 @@ export default function CreationSuccessful() {
           rounded
           onClick={onComplete}
         >
-          {t('done')}
+          {t('gotIt')}
         </Button>
       </Box>
     </div>
diff --git a/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js b/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js
index f2277f4e6..2792b2a30 100644
--- a/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js
+++ b/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js
@@ -33,10 +33,10 @@ describe('Creation Successful Onboarding View', () => {
       .mockReturnValue({ push: pushMock });
   });
 
-  it('should call completeOnboarding in the background when "Done" button is clicked', () => {
+  it('should call completeOnboarding in the background when "Got it!" button is clicked', () => {
     const { getByText } = renderWithProvider(<CreationSuccessful />, store);
-    const doneButton = getByText('Done');
-    fireEvent.click(doneButton);
+    const gotItButton = getByText('Got it!');
+    fireEvent.click(gotItButton);
     expect(completeOnboardingStub).toHaveBeenCalledTimes(1);
   });
 
diff --git a/ui/pages/onboarding-flow/creation-successful/index.scss b/ui/pages/onboarding-flow/creation-successful/index.scss
index 98cf6b80e..54273b1e0 100644
--- a/ui/pages/onboarding-flow/creation-successful/index.scss
+++ b/ui/pages/onboarding-flow/creation-successful/index.scss
@@ -31,8 +31,8 @@
 
     button {
       margin-top: 14px;
-      max-width: 60%;
-      padding: 18px 0;
+      max-width: 280px;
+      padding: 16px 0;
     }
   }
 }