Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Update installation of premium package button

Browse Source 
[MAILPOET-3315]
This commit is contained in:
Pavel Dohnal
2020-11-25 10:25:32 +01:00
committed by Veljko V
parent ecf4fa9661
commit bcdb58c035
2 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/src/components-plugin/_settings.scss
View File

@@ -151,3 +151,7 @@ ul.sending-method-benefits {
list-style-position: inside; list-style-position: inside;
list-style-type: disc; list-style-type: disc;
} }
.mailpoet_install_premium_message {
margin-bottom: $grid-gap-medium;
}

27
assets/js/src/settings/pages/key_activation/messages/premium_messages.tsx
View File

@@ -3,6 +3,7 @@ import MailPoet from 'mailpoet';
import { useSelector } from 'settings/store/hooks/index'; import { useSelector } from 'settings/store/hooks/index';
import { PremiumInstallationStatus, PremiumStatus } from 'settings/store/types'; import { PremiumInstallationStatus, PremiumStatus } from 'settings/store/types';
import PremiumInstallationMessages from './premium_installation_messages'; import PremiumInstallationMessages from './premium_installation_messages';
import Button from '../../../../common/button/button';
const ActiveMessage = () => ( const ActiveMessage = () => (
<div className="mailpoet_success_item mailpoet_success"> <div className="mailpoet_success_item mailpoet_success">
@@ -24,24 +25,26 @@ const ActivatingMessage = () => (
type PremiumNotInstalledMessageProps = { callback: () => void } type PremiumNotInstalledMessageProps = { callback: () => void }
const PremiumNotInstalledMessage = ({ callback }: PremiumNotInstalledMessageProps) => ( const PremiumNotInstalledMessage = ({ callback }: PremiumNotInstalledMessageProps) => (
<div className="mailpoet_error"> <>
{MailPoet.I18n.t('premiumTabPremiumNotInstalledMessage')} <div className="mailpoet_error mailpoet_install_premium_message">
{' '} {MailPoet.I18n.t('premiumTabPremiumNotInstalledMessage')}
<button type="button" className="button-link" onClick={callback}> </div>
<Button onClick={callback}>
{MailPoet.I18n.t('premiumTabPremiumInstallMessage')} {MailPoet.I18n.t('premiumTabPremiumInstallMessage')}
</button> </Button>
</div> </>
); );
type PremiumNotActiveMessageProps = { callback: () => void } type PremiumNotActiveMessageProps = { callback: () => void }
const PremiumNotActiveMessage = ({ callback }: PremiumNotActiveMessageProps) => ( const PremiumNotActiveMessage = ({ callback }: PremiumNotActiveMessageProps) => (
<div className="mailpoet_error"> <>
{MailPoet.I18n.t('premiumTabPremiumNotActiveMessage')} <div className="mailpoet_error mailpoet_install_premium_message">
{' '} {MailPoet.I18n.t('premiumTabPremiumNotActiveMessage')}
<button type="button" className="button-link" onClick={callback}> </div>
<Button onClick={callback}>
{MailPoet.I18n.t('premiumTabPremiumActivateMessage')} {MailPoet.I18n.t('premiumTabPremiumActivateMessage')}
</button> </Button>
</div> </>
); );
type NotValidMessageProps = { message?: string } type NotValidMessageProps = { message?: string }