From bcdb58c035527f7b74a6c2415b51be249c570af0 Mon Sep 17 00:00:00 2001 From: Pavel Dohnal Date: Wed, 25 Nov 2020 10:25:32 +0100 Subject: [PATCH] Update installation of premium package button [MAILPOET-3315] --- .../css/src/components-plugin/_settings.scss | 4 +++ .../messages/premium_messages.tsx | 27 ++++++++++--------- 2 files changed, 19 insertions(+), 12 deletions(-) diff --git a/assets/css/src/components-plugin/_settings.scss b/assets/css/src/components-plugin/_settings.scss index 2f889b7973..3b06916abc 100644 --- a/assets/css/src/components-plugin/_settings.scss +++ b/assets/css/src/components-plugin/_settings.scss @@ -151,3 +151,7 @@ ul.sending-method-benefits { list-style-position: inside; list-style-type: disc; } + +.mailpoet_install_premium_message { + margin-bottom: $grid-gap-medium; +} diff --git a/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx b/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx index 6fcd6f0c58..a06257da70 100644 --- a/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx +++ b/assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx @@ -3,6 +3,7 @@ import MailPoet from 'mailpoet'; import { useSelector } from 'settings/store/hooks/index'; import { PremiumInstallationStatus, PremiumStatus } from 'settings/store/types'; import PremiumInstallationMessages from './premium_installation_messages'; +import Button from '../../../../common/button/button'; const ActiveMessage = () => (
@@ -24,24 +25,26 @@ const ActivatingMessage = () => ( type PremiumNotInstalledMessageProps = { callback: () => void } const PremiumNotInstalledMessage = ({ callback }: PremiumNotInstalledMessageProps) => ( -
- {MailPoet.I18n.t('premiumTabPremiumNotInstalledMessage')} - {' '} - -
+ + ); type PremiumNotActiveMessageProps = { callback: () => void } const PremiumNotActiveMessage = ({ callback }: PremiumNotActiveMessageProps) => ( -
- {MailPoet.I18n.t('premiumTabPremiumNotActiveMessage')} - {' '} - -
+ + ); type NotValidMessageProps = { message?: string }