Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update the text based on the latest flow and show a different message when WUM is installed but not activated.

This commit is contained in:
Thilina Hasantha 2024-03-05 18:34:59 +01:00
parent a45216db34
commit 3e78a1d74b
1 changed files with 81 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
plugins/woocommerce-admin/client/marketplace/components/woo-update-manager-plugin/install-woo-connect-modal.tsx
View File

@ -7,8 +7,12 @@ import { __, sprintf } from '@wordpress/i18n';
/** /**
* Internal dependencies * Internal dependencies
*/ */
import sanitizeHTML from '../../../lib/sanitize-html';
import { Subscription } from '../my-subscriptions/types'; import { Subscription } from '../my-subscriptions/types';
import { WOO_CONNECT_PLUGIN_DOWNLOAD_URL } from '../constants'; import {
WOO_CONNECT_PLUGIN_DOWNLOAD_URL,
WP_ADMIN_PLUGIN_LIST_URL,
} from '../constants';
import { getAdminSetting } from '../../../utils/admin-settings'; import { getAdminSetting } from '../../../utils/admin-settings';
interface ConnectProps { interface ConnectProps {
@ -18,9 +22,10 @@ interface ConnectProps {
export default function InstallWooConnectModal( props: ConnectProps ) { export default function InstallWooConnectModal( props: ConnectProps ) {
const wccomSettings = getAdminSetting( 'wccomHelper', {} ); const wccomSettings = getAdminSetting( 'wccomHelper', {} );
if ( ! wccomSettings?.wooUpdateManagerInstalled ) {
return ( return (
<Modal <Modal
title={ __( 'Install Woo Update Manager', 'woocommerce' ) } title={ __( 'Access your updates', 'woocommerce' ) }
onRequestClose={ props.onClose } onRequestClose={ props.onClose }
focusOnMount={ true } focusOnMount={ true }
className="woocommerce-marketplace__header-account-modal" className="woocommerce-marketplace__header-account-modal"
@ -28,14 +33,18 @@ export default function InstallWooConnectModal( props: ConnectProps ) {
overlayClassName="woocommerce-marketplace__header-account-modal-overlay" overlayClassName="woocommerce-marketplace__header-account-modal-overlay"
> >
<p className="woocommerce-marketplace__header-account-modal-text"> <p className="woocommerce-marketplace__header-account-modal-text">
{ sprintf( <span
dangerouslySetInnerHTML={ sanitizeHTML(
sprintf(
// translators: %s is the product version number (e.g. 1.0.2). // translators: %s is the product version number (e.g. 1.0.2).
__( __(
'Version %s is available. To enable this update you need to install the Woo Update Manager plugin. You can also download and install it manually in your stores.', 'Version %s is available. To access this update, please first <b>install the Woo.com Update Manager</b> extension. Alternatively, you can download and install it manually.',
'woocommerce' 'woocommerce'
), ),
props.subscription.version props.subscription.version
)
) } ) }
/>
</p> </p>
<ButtonGroup className="woocommerce-marketplace__header-account-modal-button-group"> <ButtonGroup className="woocommerce-marketplace__header-account-modal-button-group">
<Button <Button
@ -54,3 +63,39 @@ export default function InstallWooConnectModal( props: ConnectProps ) {
</Modal> </Modal>
); );
} }
if ( ! wccomSettings?.wooUpdateManagerActive ) {
return (
<Modal
title={ __( 'Access your updates', 'woocommerce' ) }
onRequestClose={ props.onClose }
focusOnMount={ true }
className="woocommerce-marketplace__header-account-modal"
style={ { borderRadius: 4 } }
overlayClassName="woocommerce-marketplace__header-account-modal-overlay"
>
<p className="woocommerce-marketplace__header-account-modal-text">
<span
dangerouslySetInnerHTML={ sanitizeHTML(
sprintf(
// translators: %s is the product version number (e.g. 1.0.2).
__(
'Version %s is available. To access this update, please <b>activate the Woo.com Update Manager</b> extension.',
'woocommerce'
),
props.subscription.version
)
) }
/>
</p>
<ButtonGroup className="woocommerce-marketplace__header-account-modal-button-group">
<Button href={ WP_ADMIN_PLUGIN_LIST_URL } variant="primary">
{ __( 'Activate', 'woocommerce' ) }
</Button>
</ButtonGroup>
</Modal>
);
}
return null;
}