diff --git a/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js b/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js index 6d68061c1..608a39b78 100644 --- a/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js +++ b/src/OnboardingSPA/steps/SiteGen/SiteLogo/index.js @@ -27,6 +27,7 @@ import { ACTION_SITEGEN_LOGO_SKIPPED, } from '../../../utils/analytics/hiive/constants'; import { SITEGEN_FLOW } from '../../../data/flows/constants'; +import { SiteGenStateHandler } from '../../../components/StateHandlers'; const SiteGenSiteLogo = () => { const [ siteLogo, setSiteLogo ] = useState(); @@ -121,49 +122,51 @@ const SiteGenSiteLogo = () => { const content = getContents(); return ( - -
- - -
- resetSiteLogo() } - className="nfd-onboarding-step--site-gen__site-logo__container__buttons__skip" - text={ content.buttons.skip } + + +
+ + - { isLargeViewport && ( - { - if ( siteLogo ) { - trackOnboardingEvent( - new OnboardingEvent( - ACTION_LOGO_ADDED, - undefined, - { - source: SITEGEN_FLOW, - } - ) - ); - } - } } - text={ content.buttons.next } - disabled={ - siteLogo === undefined || siteLogo?.id === 0 - ? true - : false - } +
+ resetSiteLogo() } + className="nfd-onboarding-step--site-gen__site-logo__container__buttons__skip" + text={ content.buttons.skip } /> - ) } + { isLargeViewport && ( + { + if ( siteLogo ) { + trackOnboardingEvent( + new OnboardingEvent( + ACTION_LOGO_ADDED, + undefined, + { + source: SITEGEN_FLOW, + } + ) + ); + } + } } + text={ content.buttons.next } + disabled={ + siteLogo === undefined || siteLogo?.id === 0 + ? true + : false + } + /> + ) } +
-
- + + ); };