diff --git a/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js b/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js index f0935d1a7..1b905e405 100644 --- a/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js +++ b/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js @@ -55,13 +55,14 @@ const CheckboxItem = ( {
{ - const iconExists = window.getComputedStyle( document.body ).getPropertyValue( `--${ cssIcon }` ) !== ''; + const iconExists = + window + .getComputedStyle( document.body ) + .getPropertyValue( `--${ cssIcon }` ) !== ''; return ( - iconExists && -
-
+ iconExists && ( + +
+
+ ) ); }; diff --git a/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js b/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js index 1f38fbc26..ff7b05f13 100644 --- a/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js +++ b/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js @@ -37,15 +37,17 @@ const SidebarSkeleton = () => {
- { brandConfig?.views?.sidebar?.illustration?.shown !== false && -
- -
-
- } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + +
+ +
+
+ + ) }
); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -48,8 +58,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { - return { - techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { + return { + techSupportLink: + select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( + nfdOnboardingStore + ).getfullServiceCreativeTeamUrl(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); @@ -47,8 +53,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { - return { - techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { + return { + techSupportLink: + select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( + nfdOnboardingStore + ).getfullServiceCreativeTeamUrl(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); @@ -47,8 +53,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { - return { - techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { + return { + techSupportLink: + select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( + nfdOnboardingStore + ).getfullServiceCreativeTeamUrl(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); @@ -47,8 +53,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -52,8 +62,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -52,8 +62,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { - return { - techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { + return { + techSupportLink: + select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( + nfdOnboardingStore + ).getfullServiceCreativeTeamUrl(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); return ( @@ -46,8 +52,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -52,8 +62,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -52,8 +62,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = - useSelect( ( select ) => { - return { - brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), - techSupportLink: - select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: - select( - nfdOnboardingStore - ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { + return { + brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), + techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( brandName, @@ -61,8 +62,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( - ( select ) => { + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { return { techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), @@ -43,10 +43,10 @@ const LearnMore = () => { select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; - } - ); + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); @@ -57,8 +57,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { - return { - techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { + return { + techSupportLink: + select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( + nfdOnboardingStore + ).getfullServiceCreativeTeamUrl(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); @@ -51,8 +57,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { - return { - techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { + return { + techSupportLink: + select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( + nfdOnboardingStore + ).getfullServiceCreativeTeamUrl(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); @@ -51,8 +57,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, expertsLink, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + expertsLink, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), expertsLink: select( nfdOnboardingStore ).getExpertsUrl(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, expertsLink, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + expertsLink, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -56,8 +68,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.experts.link, '_blank' ) ) + window.open( content.help.experts.link, '_blank' ) } /> - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -48,8 +58,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { - return { - techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), - brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), - }; - } ); + const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = + useSelect( ( select ) => { + return { + techSupportLink: + select( nfdOnboardingStore ).getTechSupportUrl(), + fullServiceCreativeTeamLink: + select( + nfdOnboardingStore + ).getfullServiceCreativeTeamUrl(), + brandConfig: + select( nfdOnboardingStore ).getNewfoldBrandConfig(), + }; + } ); const content = getContents( techSupportLink, fullServiceCreativeTeamLink ); return ( @@ -46,8 +52,9 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> ); const LearnMore = () => { - const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => { + const { + brandName, + techSupportLink, + fullServiceCreativeTeamLink, + brandConfig, + } = useSelect( ( select ) => { return { brandName: select( nfdOnboardingStore ).getNewfoldBrandName(), techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(), - fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), + fullServiceCreativeTeamLink: + select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(), brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(), }; } ); - const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink ); + const content = getContents( + brandName, + techSupportLink, + fullServiceCreativeTeamLink + ); return (
@@ -48,12 +58,15 @@ const LearnMore = () => { subheading={ content.introduction.subheading } icon={ content.introduction.icon } /> - { brandConfig?.views?.sidebar?.illustration?.shown !== false && - } + { brandConfig?.views?.sidebar?.illustration?.shown !== false && ( + + ) } { - ( window.open( content.help.fullService.link, '_blank' ) ) + window.open( content.help.fullService.link, '_blank' ) } /> { return { - heading: __( 'Nice work: Your site is ready 🎉', 'wp-module-onboarding' ), - subheading: __( 'Move-in day begins! Let us know if you\'d like a hand.', 'wp-module-onboarding' ), + heading: __( + 'Nice work: Your site is ready 🎉', + 'wp-module-onboarding' + ), + subheading: __( + "Move-in day begins! Let us know if you'd like a hand.", + 'wp-module-onboarding' + ), buttonText: __( 'Complete Setup', 'wp-module-onboarding' ), tabs: [ { @@ -50,11 +56,10 @@ const getContents = ( brandName ) => { 'Make our great people your people.', 'wp-module-onboarding' ), - text: - __( - 'Looking for personalized WordPress assistance, or someone to take-over from here? Go beyond support with our professional services.', - 'wp-module-onboarding' - ), + text: __( + 'Looking for personalized WordPress assistance, or someone to take-over from here? Go beyond support with our professional services.', + 'wp-module-onboarding' + ), imgType: 'img-3', animationName: 'fade-in-left', }, diff --git a/src/OnboardingSPA/pages/Steps/WhatNext/index.js b/src/OnboardingSPA/pages/Steps/WhatNext/index.js index 0f6c53372..830907534 100644 --- a/src/OnboardingSPA/pages/Steps/WhatNext/index.js +++ b/src/OnboardingSPA/pages/Steps/WhatNext/index.js @@ -13,8 +13,11 @@ import { SIDEBAR_LEARN_MORE } from '../../../../constants'; import getContents from './contents'; const StepWhatNext = () => { - const { setIsDrawerOpened, setSidebarActiveView, setIsHeaderNavigationEnabled } = - useDispatch( nfdOnboardingStore ); + const { + setIsDrawerOpened, + setSidebarActiveView, + setIsHeaderNavigationEnabled, + } = useDispatch( nfdOnboardingStore ); useEffect( () => { setIsDrawerOpened( false ); @@ -36,30 +39,31 @@ const StepWhatNext = () => {
- + subHeading={ content.subheading } + > { return { name: tab.name, title: tab.title, - content: , + content: ( + + ), }; } ) } > { ( tab ) =>
{ tab.content }
} -
- +
- ); }; diff --git a/src/constants.js b/src/constants.js index f37ec96b2..75b5df22d 100644 --- a/src/constants.js +++ b/src/constants.js @@ -10,7 +10,9 @@ export const onboardingRestRoute = 'newfold-onboarding/v1'; export const wpRestBase = `${ wpRestURL }/${ wpRestRoute }`; export const onboardingRestBase = `${ wpRestURL }/${ onboardingRestRoute }`; export const wpAdminPage = `${ wpAdminUrl }index.php`; -export const pluginDashboardPage = `${ window.nfdOnboarding.currentBrand?.pluginDashboardPage ?? wpAdminPage }`; +export const pluginDashboardPage = `${ + window.nfdOnboarding.currentBrand?.pluginDashboardPage ?? wpAdminPage +}`; export const NFD_ONBOARDING_EVENT_PREFIX = 'nfd-module-onboarding-event'; export const VIEW_NAV_PRIMARY = 'nav-primary'; export const VIEW_NAV_DESIGN = 'nav-design';