diff --git a/mailpoet/assets/css/src/components-automation-listing/_listing.scss b/mailpoet/assets/css/src/components-automation-listing/_listing.scss index 2fa46c1bd9..554f1ce41d 100644 --- a/mailpoet/assets/css/src/components-automation-listing/_listing.scss +++ b/mailpoet/assets/css/src/components-automation-listing/_listing.scss @@ -6,6 +6,12 @@ } } +.mailpoet-automation-is-onboarding { + .notice { + display: none; + } +} + .mailpoet-automation-listing-heading { margin-bottom: 16px; } diff --git a/mailpoet/assets/js/src/automation/automation.tsx b/mailpoet/assets/js/src/automation/automation.tsx index c9147b38ba..0f4fb6b871 100644 --- a/mailpoet/assets/js/src/automation/automation.tsx +++ b/mailpoet/assets/js/src/automation/automation.tsx @@ -1,3 +1,4 @@ +import { useEffect } from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import { TopBarWithBeamer } from 'common/top_bar/top_bar'; @@ -19,6 +20,18 @@ import { function Content(): JSX.Element { const count = useSelect((select) => select(storeName).getWorkflowCount()); const content = count > 0 ? : ; + + // Hide notices on onboarding screen + useEffect(() => { + const onboardingClass = 'mailpoet-automation-is-onboarding'; + const element = document.querySelector('body'); + if (count === 0 && !element.classList.contains(onboardingClass)) { + element.classList.add(onboardingClass); + } + if (count > 0 && element.classList.contains(onboardingClass)) { + element.classList.remove(onboardingClass); + } + }, [count]); return ( <> {content} diff --git a/mailpoet/lib/Config/Menu.php b/mailpoet/lib/Config/Menu.php index b763455a38..a8a5a99d66 100644 --- a/mailpoet/lib/Config/Menu.php +++ b/mailpoet/lib/Config/Menu.php @@ -434,7 +434,8 @@ class Menu { if (!$this->featuresController->isSupported(FeaturesController::AUTOMATION)) { return; } - $this->wp->addSubmenuPage( + + $automationPage = $this->wp->addSubmenuPage( self::MAIN_PAGE_SLUG, $this->setPageTitle(__('Automations', 'mailpoet')), // @ToDo Remove Beta once Automation is no longer beta. @@ -465,6 +466,11 @@ class Menu { ); // add body class for automation editor page + $this->wp->addAction('load-' . $automationPage, function() { + $this->wp->addFilter('admin_body_class', function ($classes) { + return ltrim($classes . ' mailpoet-automation-is-onboarding'); + }); + }); $this->wp->addAction('load-' . $automationEditorPage, function() { $this->wp->addFilter('admin_body_class', function ($classes) { return ltrim($classes . ' site-editor-php');