Success page (#13570)

app/_locales/en/messages.json

@@ -1350,6 +1350,9 @@
   "goerli": {
     "message": "Goerli Test Network"
   },
+  "gotIt": {
+    "message": "Got it!"
+  },
   "grantedToWithColon": {
     "message": "Granted to:"
   },

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>

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);
   });
 

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;
     }
   }
 }