Move messages to a separate function

[MAILPOET-2918]
This commit is contained in:
Pavel Dohnal
2020-06-08 14:35:16 +02:00
committed by Veljko V
parent b8f5754182
commit 4ee49ab71f

View File

@@ -20,12 +20,56 @@ export default function KeyActivation() {
const [senderAddress, setSenderAddress] = useSetting('sender', 'address');
const [unauthorizedAddresses, setUnauthorizedAddresses] = useSetting('authorized_emails_addresses_check');
const [apiKeyState] = useSetting('mta', 'mailpoet_api_key_state', 'data');
const setAuthorizedAddress = async (address: string) => {
await setSenderAddress(address);
await setUnauthorizedAddresses(null);
};
function Messages() {
return (
<div className="key-activation-messages">
<KeyMessages />
{state.mssStatus !== null && (
<MssMessages
keyMessage={state.mssMessage}
activationCallback={async () => {
await verifyMssKey(state.key);
sendCongratulatoryMssEmail();
setState({ fromAddressModalCanBeShown: true });
}}
/>
)}
{state.congratulatoryMssEmailSentTo && (
<div className="mailpoet_success_item mailpoet_success">
{
t('premiumTabCongratulatoryMssEmailSent')
.replace('[email_address]', state.congratulatoryMssEmailSentTo)
}
</div>
)}
{state.premiumStatus !== null && (
<PremiumMessages
keyMessage={state.premiumMessage}
installationStatus={state.premiumInstallationStatus}
installationCallback={installPremiumPlugin}
activationCallback={() => activatePremiumPlugin(false)}
/>
)}
{showPendingApprovalNotice && (
<div className="mailpoet_success">
<div className="pending_approval_heading">
{t('premiumTabPendingApprovalHeading')}
</div>
<div>
{t('premiumTabPendingApprovalMessage')}
</div>
</div>
)}
</div>
)
}
const showFromAddressModal = state.fromAddressModalCanBeShown
&& state.mssStatus === MssStatus.VALID_MSS_ACTIVE
&& (!senderAddress || unauthorizedAddresses);
@@ -84,48 +128,7 @@ export default function KeyActivation() {
>
{t('premiumTabVerifyButton')}
</button>
{state.isKeyValid !== null && (
<div className="key-activation-messages">
<KeyMessages />
{state.mssStatus !== null && (
<MssMessages
keyMessage={state.mssMessage}
activationCallback={async () => {
await verifyMssKey(state.key);
sendCongratulatoryMssEmail();
setState({ fromAddressModalCanBeShown: true });
}}
/>
)}
{state.congratulatoryMssEmailSentTo && (
<div className="mailpoet_success_item mailpoet_success">
{
t('premiumTabCongratulatoryMssEmailSent')
.replace('[email_address]', state.congratulatoryMssEmailSentTo)
}
</div>
)}
{state.premiumStatus !== null && (
<PremiumMessages
keyMessage={state.premiumMessage}
installationStatus={state.premiumInstallationStatus}
installationCallback={installPremiumPlugin}
activationCallback={() => activatePremiumPlugin(false)}
/>
)}
{showPendingApprovalNotice && (
<div className="mailpoet_success">
<div className="pending_approval_heading">
{t('premiumTabPendingApprovalHeading')}
</div>
<div>
{t('premiumTabPendingApprovalMessage')}
</div>
</div>
)}
</div>
)}
{state.isKeyValid !== null && Messages()}
</Inputs>
{showFromAddressModal && (
<SetFromAddressModal