From 16a2fc717357614a84e19123d423b2836a47bb3e Mon Sep 17 00:00:00 2001 From: huxley Date: Fri, 10 May 2024 11:11:01 +0100 Subject: [PATCH] style: add styling tweaks asked for post launch for ft edit regitration --- ...dit-registration-confirmation.spec.js.snap | 430 ++---------------- .../ft-edit-registration-confirmation.jsx | 100 +--- styles/ft-edit-registration-confirmation.scss | 2 +- 3 files changed, 51 insertions(+), 481 deletions(-) diff --git a/components/__snapshots__/ft-edit-registration-confirmation.spec.js.snap b/components/__snapshots__/ft-edit-registration-confirmation.spec.js.snap index 6227f6e7..91a518e0 100644 --- a/components/__snapshots__/ft-edit-registration-confirmation.spec.js.snap +++ b/components/__snapshots__/ft-edit-registration-confirmation.spec.js.snap @@ -8,116 +8,29 @@ exports[`RegistrationConfirmation renders a continue reading button when an arti

Success

-

+

Thank you for registering for FT Edit.

-

- Enjoy 30 days of great journalism. We’ve sent confirmation to test@example.com. -

- -
-
-
-
- - Breaking news alerts, direct to your lock screen - -

- Download our apps or follow us on our socials -

-

- Find us in the app stores or follow us on our socials -

-
- -
- - - -
+

+ Enjoy 30 days of great journalism. We’ve sent confirmation to +

+ + test@example.com + + .
-
-
- - Set up email alerts in - - - -

- Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters -

- - Personalise my alerts - -
+

Explore our FT Edit hub Continue reading @@ -133,109 +46,22 @@ exports[`RegistrationConfirmation renders an explore hub button always 1`] = `

Success

-

+

Thank you for registering for FT Edit.

-

- Enjoy 30 days of great journalism. We’ve sent confirmation to test@example.com. -

-
-
-
-
-
- - Breaking news alerts, direct to your lock screen - -

- Download our apps or follow us on our socials -

-

- Find us in the app stores or follow us on our socials -

-
- -
- - - -
+

+ Enjoy 30 days of great journalism. We’ve sent confirmation to +

+ + test@example.com + + .
-
-
- - Set up email alerts in - - - -

- Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters -

- - Personalise my alerts - -
+

Explore our FT Edit hub @@ -251,109 +77,22 @@ exports[`RegistrationConfirmation renders with a custom email 1`] = `

Success

-

+

Thank you for registering for FT Edit.

-

- Enjoy 30 days of great journalism. We’ve sent confirmation to test@example.com. -

-
-
-
-
-
- - Breaking news alerts, direct to your lock screen - -

- Download our apps or follow us on our socials -

-

- Find us in the app stores or follow us on our socials -

-
- -
- - - -
+

+ Enjoy 30 days of great journalism. We’ve sent confirmation to +

+ + test@example.com + + .
-
-
- - Set up email alerts in - - - -

- Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters -

- - Personalise my alerts - -
+

Explore our FT Edit hub @@ -369,109 +108,22 @@ exports[`RegistrationConfirmation renders with default props 1`] = `

Success

-

+

Thank you for registering for FT Edit.

-

- Enjoy 30 days of great journalism. We’ve sent confirmation to your email. -

-
-
-
-
-
- - Breaking news alerts, direct to your lock screen - -

- Download our apps or follow us on our socials -

-

- Find us in the app stores or follow us on our socials -

-
- -
- - - -
+

+ Enjoy 30 days of great journalism. We’ve sent confirmation to +

+ + bob@gmail.com + + .
-
-
- - Set up email alerts in - - - -

- Choose the content you want to follow by personalising your alerts for the most important topics and additional newsletters -

- - Personalise my alerts - -
+

Explore our FT Edit hub diff --git a/components/ft-edit-registration-confirmation.jsx b/components/ft-edit-registration-confirmation.jsx index 6ac90e6f..854dd2e7 100644 --- a/components/ft-edit-registration-confirmation.jsx +++ b/components/ft-edit-registration-confirmation.jsx @@ -6,26 +6,7 @@ import PropTypes from 'prop-types'; * next-subscribe. This can be removed after the trial. The trial is beginning May 2024, please * reach out to light-apps channel if we dont reach out first, as to when this can be deleted. */ -const EMAIL_DEFAULT_TEXT = 'your email'; - -const SOCIALS = [ - { - name: 'instagram', - link: 'https://www.instagram.com/financialtimes', - }, - { - name: 'linkedin', - link: 'https://www.linkedin.com/company/financial-times', - }, - { - name: 'twitter', - link: 'https://twitter.com/FT', - }, - { - name: 'facebook', - link: 'https://www.facebook.com/financialtimes', - }, -]; +const EMAIL_DEFAULT_TEXT = 'bob@gmail.com'; export function FTEditRegistrationConfirmation({ email = EMAIL_DEFAULT_TEXT, @@ -37,84 +18,21 @@ export function FTEditRegistrationConfirmation({

Success

-

+

Thank you for registering for FT Edit.

-

- Enjoy 30 days of great journalism. We’ve sent confirmation to {email}. -

-
- -
- -
-
- Breaking news alerts, direct to your lock screen -

- Download our apps or follow us on our socials -

-

- Find us in the app stores or follow us on our socials -

-
- - +

+ Enjoy 30 days of great journalism. We’ve sent confirmation to +

+ {email}.
-
-
- - Set up email alerts in - - - -

- Choose the content you want to follow by personalising your alerts - for the most important topics and additional newsletters -

- - Personalise my alerts - -
+

Explore our FT Edit hub @@ -124,7 +42,7 @@ export function FTEditRegistrationConfirmation({ Continue reading diff --git a/styles/ft-edit-registration-confirmation.scss b/styles/ft-edit-registration-confirmation.scss index b2c82979..e5409b15 100644 --- a/styles/ft-edit-registration-confirmation.scss +++ b/styles/ft-edit-registration-confirmation.scss @@ -19,7 +19,7 @@ ); @mixin ncfConfirmation() { - &__FT_Edit_confirmation { + &__confirmation { &--message { max-width: 304px; margin: auto;