Remove ReactDOM.render

[MAILPOET-2681]
This commit is contained in:
Amine Ben hammou
2020-03-29 16:48:45 +02:00
committed by Veljko V
parent a00cdd626d
commit 19035f5517

View File

@@ -1,6 +1,5 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { useMemo, useState } from 'react'; import React, { useMemo, useState } from 'react';
import ReactDOM from 'react-dom';
import MailPoet from 'mailpoet'; import MailPoet from 'mailpoet';
import KeyMessages from 'settings/pages/key_activation/messages/key_messages.jsx'; import KeyMessages from 'settings/pages/key_activation/messages/key_messages.jsx';
import { MssStatus, MssMessages } from 'settings/pages/key_activation/messages/mss_messages.jsx'; import { MssStatus, MssMessages } from 'settings/pages/key_activation/messages/mss_messages.jsx';
@@ -253,43 +252,26 @@ PremiumTab.defaultProps = {
activationKey: null, activationKey: null,
}; };
const container = document.getElementById('settings-premium-tab'); const getPremiumStatus = () => {
if (container) { const keyValid = window.mailpoet_premium_key_valid;
const getPremiumStatus = () => { const pluginInstalled = window.mailpoet_premium_plugin_installed;
const keyValid = window.mailpoet_premium_key_valid; const pluginActive = !!window.mailpoet_premium_version;
const pluginInstalled = window.mailpoet_premium_plugin_installed; if (!keyValid) {
const pluginActive = !!window.mailpoet_premium_version; return PremiumStatus.KEY_INVALID;
if (!keyValid) { }
return PremiumStatus.KEY_INVALID; if (pluginActive) {
} return PremiumStatus.KEY_VALID_PREMIUM_PLUGIN_ACTIVE;
if (pluginActive) { }
return PremiumStatus.KEY_VALID_PREMIUM_PLUGIN_ACTIVE; return pluginInstalled
} ? PremiumStatus.KEY_VALID_PREMIUM_PLUGIN_NOT_ACTIVE
return pluginInstalled : PremiumStatus.KEY_VALID_PREMIUM_PLUGIN_NOT_INSTALLED;
? PremiumStatus.KEY_VALID_PREMIUM_PLUGIN_NOT_ACTIVE };
: PremiumStatus.KEY_VALID_PREMIUM_PLUGIN_NOT_INSTALLED;
};
const getMssStatus = () => { const getMssStatus = () => {
const keyValid = window.mailpoet_mss_key_valid; const keyValid = window.mailpoet_mss_key_valid;
const mssActive = window.mailpoet_mss_active; const mssActive = window.mailpoet_mss_active;
if (!keyValid) { if (!keyValid) {
return MssStatus.KEY_INVALID; return MssStatus.KEY_INVALID;
} }
return mssActive ? MssStatus.KEY_VALID_MSS_ACTIVE : MssStatus.KEY_VALID_MSS_NOT_ACTIVE; return mssActive ? MssStatus.KEY_VALID_MSS_ACTIVE : MssStatus.KEY_VALID_MSS_NOT_ACTIVE;
}; };
const App = () => (
<GlobalContext.Provider value={useGlobalContextValue(window)}>
<Notices />
<PremiumTab
activationKey={window.mailpoet_activation_key}
premiumStatus={getPremiumStatus()}
mssStatus={getMssStatus()}
premiumPluginActive={!!window.mailpoet_premium_version}
/>
</GlobalContext.Provider>
);
ReactDOM.render(<App />, container);
}