From 9d24d1d7bcedf7d3f73b8b6143dbe081f72d8acc Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:00:21 +0530 Subject: [PATCH 01/12] Wait for lint to break :eyes: --- .../components/AdminBar/stylesheet.scss | 6 ++-- .../Button/NextButtonSiteGen/index.js | 5 ++-- .../Button/NextButtonSiteGen/stylesheet.scss | 1 + .../Header/components/SiteGenHeader/index.js | 10 +++---- .../ImageUploaderWithText/stylesheet.scss | 22 ++++++++------- .../components/ProgressBar/stylesheet.scss | 3 +- .../components/StartOptions/stylesheet.scss | 11 +++----- .../steps/SiteGen/SiteLogo/stylesheet.scss | 2 +- .../steps/SiteGen/Welcome/contents.js | 2 +- .../steps/SiteGen/Welcome/index.js | 2 +- .../steps/SiteGen/Welcome/stylesheet.scss | 28 +++++++++++-------- 11 files changed, 51 insertions(+), 41 deletions(-) diff --git a/src/OnboardingSPA/components/AdminBar/stylesheet.scss b/src/OnboardingSPA/components/AdminBar/stylesheet.scss index 4768b72e5..09101c279 100644 --- a/src/OnboardingSPA/components/AdminBar/stylesheet.scss +++ b/src/OnboardingSPA/components/AdminBar/stylesheet.scss @@ -16,8 +16,9 @@ $light-grey : #a0a5aa; &__wplogo { color: var(--nfd-onboarding-white); - font-size: 16px; display: flex; + font-size: 16px; + font-weight: 510; align-items: center; svg { @@ -35,8 +36,9 @@ $light-grey : #a0a5aa; align-items: center; &__greeting { - color: $light-grey; + color: var(--nfd-onboarding-white); font-size: 16px; + font-weight: 510; margin-right: 5px; } diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index 1bfbe9627..2c29de723 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -10,6 +10,7 @@ const NextButtonSiteGen = ( { className, callback = null, disabled = false, + showChevronRight = true, } ) => { const navigate = useNavigate(); const { nextStep } = useSelect( ( select ) => { @@ -37,10 +38,10 @@ const NextButtonSiteGen = ( { } } > { text } - + /> } ); }; diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/stylesheet.scss b/src/OnboardingSPA/components/Button/NextButtonSiteGen/stylesheet.scss index 41463214d..b4d93c286 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/stylesheet.scss +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/stylesheet.scss @@ -5,6 +5,7 @@ display: flex; cursor: pointer; padding: 0 16px; + padding-left: 22px; text-align: center; border-radius: 8px; align-items: center; diff --git a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js index df5b3e2ee..62b3e52b5 100644 --- a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js +++ b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js @@ -36,7 +36,7 @@ const SiteGenHeader = () => { const currentStepIndex = findIndex( allSteps, { path: currentStep?.path, } ); - const progress = ( currentStepIndex / allSteps.length ) * 100; + const progress = Math.abs( ( ( currentStepIndex - 1 ) / ( allSteps.length - 1 ) ) * 100 ); return ( <> @@ -51,10 +51,10 @@ const SiteGenHeader = () => { { currentStep?.header?.component ? isHeaderNavigationEnabled && : isHeaderNavigationEnabled && ( - - - - ) } + + + + ) } ); }; diff --git a/src/OnboardingSPA/components/ImageUploader/components/ImageUploaderWithText/stylesheet.scss b/src/OnboardingSPA/components/ImageUploader/components/ImageUploaderWithText/stylesheet.scss index 1782a6ac9..3d39b7e1f 100644 --- a/src/OnboardingSPA/components/ImageUploader/components/ImageUploaderWithText/stylesheet.scss +++ b/src/OnboardingSPA/components/ImageUploader/components/ImageUploaderWithText/stylesheet.scss @@ -1,7 +1,7 @@ .nfd-onboarding-image-uploader { &--with-text { - width: 40vw; + width: 36vw; margin: 16px; border: 1.25px dashed var(--nfd-onboarding-site-logo-border); @@ -15,7 +15,7 @@ align-items: stretch; } border-radius: 8px; - padding: 24px; + padding: 30px; display: flex; flex-direction: column; justify-content: center; @@ -123,17 +123,19 @@ &__reset { width: 100%; display: flex; - flex-direction: row; - justify-content: flex-end; + flex-direction: column; + justify-content: center; &__button { - font-size: clamp(0.5rem, 0.4091rem + 0.4545vw, 1.5rem); - font-style: normal; + padding: 0; + width: 40px; + height: 40px; + border: none; font-weight: 510; + font-style: normal; + background-color: #ff0e9099; color: var(--nfd-onboarding-primary); - background-color: transparent; - border: none; - padding: 0; + font-size: clamp(0.5rem, 0.4091rem + 0.4545vw, 1.5rem); &:hover { cursor: pointer; @@ -141,7 +143,7 @@ } &__icon { - fill: var(--nfd-onboarding-primary); + fill: rgb(255, 14, 144); } } } diff --git a/src/OnboardingSPA/components/ProgressBar/stylesheet.scss b/src/OnboardingSPA/components/ProgressBar/stylesheet.scss index bb8490289..5365e4189 100644 --- a/src/OnboardingSPA/components/ProgressBar/stylesheet.scss +++ b/src/OnboardingSPA/components/ProgressBar/stylesheet.scss @@ -6,8 +6,9 @@ height: 16px; &__progress { - background-color: var(--nfd-onboarding-progress-bar-fill); height: 16px; + transition: width 2s ease-in-out; + background-color: var(--nfd-onboarding-progress-bar-fill); } } } diff --git a/src/OnboardingSPA/components/StartOptions/stylesheet.scss b/src/OnboardingSPA/components/StartOptions/stylesheet.scss index 2e10027f6..9dc5ff0a5 100644 --- a/src/OnboardingSPA/components/StartOptions/stylesheet.scss +++ b/src/OnboardingSPA/components/StartOptions/stylesheet.scss @@ -65,17 +65,14 @@ } &__heading { - color: var(--nfd-onboarding-primary); - width: 96%; - margin: 50px 0 50px; - line-height: 1; &__title { - font-weight: 500; - text-align: center; - color: var(--nfd-onboarding-primary); + font-weight: 600; font-size: 20px; line-height: 20px; + text-align: center; + margin-bottom: 10px; + color: var(--nfd-onboarding-primary); @media (max-width: #{ ($break-large) }) { margin: 8px; diff --git a/src/OnboardingSPA/steps/SiteGen/SiteLogo/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/SiteLogo/stylesheet.scss index 9cbc2c08d..47ec0a713 100644 --- a/src/OnboardingSPA/steps/SiteGen/SiteLogo/stylesheet.scss +++ b/src/OnboardingSPA/steps/SiteGen/SiteLogo/stylesheet.scss @@ -16,7 +16,7 @@ } &__buttons { - width: 108%; + width: 99%; display: flex; padding: 16px; flex-direction: row; diff --git a/src/OnboardingSPA/steps/SiteGen/Welcome/contents.js b/src/OnboardingSPA/steps/SiteGen/Welcome/contents.js index acdfa6fa1..a8f2cdcb8 100644 --- a/src/OnboardingSPA/steps/SiteGen/Welcome/contents.js +++ b/src/OnboardingSPA/steps/SiteGen/Welcome/contents.js @@ -4,7 +4,7 @@ const getContents = () => { return { heading: __( 'Website Creator for WordPress', 'wp-module-onboarding' ), subHeading: __( - 'Tell our AI engine what kind of site you want to make and let it handle the content and design for you.', + 'Tell our AI engine what kind of site you want to make and let it handle the content and design for you', 'wp-module-onboarding' ), buttonText: __( 'Get Started', 'wp-module-onboarding' ), diff --git a/src/OnboardingSPA/steps/SiteGen/Welcome/index.js b/src/OnboardingSPA/steps/SiteGen/Welcome/index.js index ec3ff5b54..137a74eef 100644 --- a/src/OnboardingSPA/steps/SiteGen/Welcome/index.js +++ b/src/OnboardingSPA/steps/SiteGen/Welcome/index.js @@ -40,7 +40,7 @@ const SiteGenWelcome = () => { { content.subHeading }

- + ); diff --git a/src/OnboardingSPA/steps/SiteGen/Welcome/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/Welcome/stylesheet.scss index 3c8a39c87..11b3a18d6 100644 --- a/src/OnboardingSPA/steps/SiteGen/Welcome/stylesheet.scss +++ b/src/OnboardingSPA/steps/SiteGen/Welcome/stylesheet.scss @@ -31,12 +31,12 @@ } &__heading { + padding: 0; + width: 100%; display: flex; + align-items: center; flex-direction: row; - width: 100%; - padding: 0; justify-content: center; - align-items: center; &__image { height: 36px; @@ -60,29 +60,35 @@ } &__text { - color: var(--nfd-onboarding-primary); - font-size: clamp(0.875rem, 0.6818rem + 0.9659vw, 3rem); + line-height: 1; + font-weight: 510; margin-left: 15px; white-space: normal; - line-height: 1; + letter-spacing: 0.8px; + color: var(--nfd-onboarding-primary); + font-size: clamp(0.875rem, 0.6818rem + 0.9659vw, 3rem); } } &__sub-heading { + padding: 0; width: 100%; margin: 10px; - padding: 0; - margin-bottom: 40px; + margin-bottom: 50px; &__text { - text-align: center; - color: var(--nfd-onboarding-primary); - font-size: clamp(0.875rem, 0.7727rem + 0.5114vw, 2rem); margin: 0; padding: 0; + text-align: center; + color: var(--nfd-onboarding-primary); + font-size: clamp(0.875rem, 0.727rem + 0.5114vw, 2rem); } } } + + &--button { + padding: 0 35px; + } } } From aa899a2ea7ed1edaa8587f7ddcad6ccc900a79ff Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:06:45 +0530 Subject: [PATCH 02/12] Fix Lint :wheelchair: --- .../components/Button/NextButtonSiteGen/index.js | 10 ++++++---- .../Header/components/SiteGenHeader/index.js | 4 +++- src/OnboardingSPA/steps/SiteGen/Welcome/index.js | 8 +++++++- 3 files changed, 16 insertions(+), 6 deletions(-) diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index 2c29de723..47b0c9c0b 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -38,10 +38,12 @@ const NextButtonSiteGen = ( { } } > { text } - { showChevronRight && } + { + showChevronRight && + } ); }; diff --git a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js index 62b3e52b5..6e80c05a2 100644 --- a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js +++ b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js @@ -36,7 +36,9 @@ const SiteGenHeader = () => { const currentStepIndex = findIndex( allSteps, { path: currentStep?.path, } ); - const progress = Math.abs( ( ( currentStepIndex - 1 ) / ( allSteps.length - 1 ) ) * 100 ); + const progress = Math.abs( + ( ( currentStepIndex - 1 ) / ( allSteps.length - 1 ) ) * 100 + ); return ( <> diff --git a/src/OnboardingSPA/steps/SiteGen/Welcome/index.js b/src/OnboardingSPA/steps/SiteGen/Welcome/index.js index 137a74eef..fd27e5533 100644 --- a/src/OnboardingSPA/steps/SiteGen/Welcome/index.js +++ b/src/OnboardingSPA/steps/SiteGen/Welcome/index.js @@ -40,7 +40,13 @@ const SiteGenWelcome = () => { { content.subHeading }

- + ); From 30aae74c3113a3c3dff6254a7914df6b8dbb41bf Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:11:00 +0530 Subject: [PATCH 03/12] lintttt --- .../components/Button/NextButtonSiteGen/index.js | 9 +++++---- .../components/Header/components/SiteGenHeader/index.js | 8 ++++---- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index 47b0c9c0b..3bfc22319 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -39,10 +39,11 @@ const NextButtonSiteGen = ( { > { text } { - showChevronRight && + showChevronRight && ( + ) } ); diff --git a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js index 6e80c05a2..c72b80a37 100644 --- a/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js +++ b/src/OnboardingSPA/components/Header/components/SiteGenHeader/index.js @@ -53,10 +53,10 @@ const SiteGenHeader = () => { { currentStep?.header?.component ? isHeaderNavigationEnabled && : isHeaderNavigationEnabled && ( - - - - ) } + + + + ) } ); }; From 98e8a85b7de85f8d29a7a12110d19ee5218f5db1 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:13:58 +0530 Subject: [PATCH 04/12] Update index.js --- .../components/Button/NextButtonSiteGen/index.js | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index 3bfc22319..32cc9cf51 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -38,12 +38,13 @@ const NextButtonSiteGen = ( { } } > { text } - { + { showChevronRight && ( - ) + + ) } ); From 4fea78187e49ee01e18724404f2d06ce7fc3218a Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:17:35 +0530 Subject: [PATCH 05/12] Update index.js --- .../components/Button/NextButtonSiteGen/index.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index 32cc9cf51..171d3cb03 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -38,14 +38,12 @@ const NextButtonSiteGen = ( { } } > { text } - { - showChevronRight && ( + { showChevronRight && ( - ) - } + )} ); }; From 0d9899e53f4f461bcc30492301ccde9229d69633 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:22:12 +0530 Subject: [PATCH 06/12] Update index.js --- .../components/Button/NextButtonSiteGen/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index 171d3cb03..ad33b0eff 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -42,8 +42,8 @@ const NextButtonSiteGen = ( { - )} + /> + )} ); }; From eb933afadc2f1a481ec40a5c293aa6fe9fc47944 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:24:47 +0530 Subject: [PATCH 07/12] Update index.js --- .../components/Button/NextButtonSiteGen/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index ad33b0eff..ab8eb008a 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -42,8 +42,8 @@ const NextButtonSiteGen = ( { - )} + /> + )} ); }; From 4671e14be0d99dc5284990bfac3650cf1d70de05 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:30:02 +0530 Subject: [PATCH 08/12] Finallyyy linted --- src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js index ab8eb008a..da30df9cb 100644 --- a/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js +++ b/src/OnboardingSPA/components/Button/NextButtonSiteGen/index.js @@ -43,7 +43,7 @@ const NextButtonSiteGen = ( { className={ 'nfd-onboarding-button--site-gen-next--icon' } icon={ chevronRight } /> - )} + ) } ); }; From 7b4ef775211556b68fc15374fef664440027c340 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:45:31 +0530 Subject: [PATCH 09/12] Fix Next Placement --- .../TextInput/TextInputSiteGen/index.js | 23 +++++++++++-------- .../TextInputSiteGen/stylesheet.scss | 14 +++++++---- .../steps/SiteGen/SiteDetails/index.js | 22 ++++++++++-------- .../steps/SiteGen/SiteDetails/stylesheet.scss | 1 - 4 files changed, 36 insertions(+), 24 deletions(-) diff --git a/src/OnboardingSPA/components/TextInput/TextInputSiteGen/index.js b/src/OnboardingSPA/components/TextInput/TextInputSiteGen/index.js index 8055dba22..59756e436 100644 --- a/src/OnboardingSPA/components/TextInput/TextInputSiteGen/index.js +++ b/src/OnboardingSPA/components/TextInput/TextInputSiteGen/index.js @@ -5,10 +5,12 @@ import { useRef, useEffect, useState, memo } from '@wordpress/element'; const TextInputSiteGen = ( { hint, height, + children, placeholder, customerInput, setIsValidInput, setCustomerInput, + customChildren = false, } ) => { const textareaRef = useRef( null ); const [ analysisScore, setAnalysisScore ] = useState( 0 ); @@ -85,16 +87,19 @@ const TextInputSiteGen = ( { onChange={ ( e ) => onTextChange( e ) } /> - { customerInput ? ( -
-
- { __( 'Detail', 'wp-module-onboarding' ) } +
+ { customerInput ? ( +
+
+ { __( 'Detail', 'wp-module-onboarding' ) } +
+ { renderDetails() }
- { renderDetails() } -
- ) : ( -

{ hint }

- ) } + ) : ( +

{ hint }

+ ) } + { customChildren && children } +
); diff --git a/src/OnboardingSPA/components/TextInput/TextInputSiteGen/stylesheet.scss b/src/OnboardingSPA/components/TextInput/TextInputSiteGen/stylesheet.scss index c13ecdb00..230a568db 100644 --- a/src/OnboardingSPA/components/TextInput/TextInputSiteGen/stylesheet.scss +++ b/src/OnboardingSPA/components/TextInput/TextInputSiteGen/stylesheet.scss @@ -33,7 +33,6 @@ $selected-detail: #1de082; } &__hint { - margin-top: 30px; font-weight: 300; font-size: 0.87rem; padding: 0 1.5px; @@ -44,7 +43,6 @@ $selected-detail: #1de082; &__info { display: flex; - margin-top: 30px; align-items: center; &-text { @@ -56,8 +54,8 @@ $selected-detail: #1de082; } &-icon { - width: 10px; - height: 6px; + width: 12px; + height: 6.5px; margin: 3px; border-radius: 6px; animation: fadeIn 100ms ease-in; @@ -69,6 +67,14 @@ $selected-detail: #1de082; } } } + + &_bottom { + display: flex; + margin-top: 30px; + flex-direction: row; + align-items: center; + justify-content: space-between; + } } } diff --git a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js index 7523ce3a0..eb779199b 100644 --- a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js +++ b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js @@ -69,16 +69,18 @@ const SiteGenSiteDetails = () => { customerInput={ customerInput } setIsValidInput={ setIsValidInput } setCustomerInput={ setCustomerInput } - /> - { isLargeViewport && ( -
- -
- ) } + customChildren={ true } + > + { isLargeViewport && ( +
+ +
+ ) } + diff --git a/src/OnboardingSPA/steps/SiteGen/SiteDetails/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/SiteDetails/stylesheet.scss index 4ea61864c..1f6c0d4b2 100644 --- a/src/OnboardingSPA/steps/SiteGen/SiteDetails/stylesheet.scss +++ b/src/OnboardingSPA/steps/SiteGen/SiteDetails/stylesheet.scss @@ -11,7 +11,6 @@ } &-endrow { - width: 100%; display: flex; justify-content: flex-end; From 965c7c9f0588d203dc2fa4024b7c792bc74ac080 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:48:42 +0530 Subject: [PATCH 10/12] Update index.js --- src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js index eb779199b..cd8401c37 100644 --- a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js +++ b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js @@ -74,7 +74,9 @@ const SiteGenSiteDetails = () => { { isLargeViewport && (
From 12a6a39a569a57c77f8c38ae8c1fede7d420c362 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 15 Jan 2024 23:50:04 +0530 Subject: [PATCH 11/12] Update index.js --- src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js index cd8401c37..d66f8f81a 100644 --- a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js +++ b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js @@ -74,7 +74,7 @@ const SiteGenSiteDetails = () => { { isLargeViewport && (
Date: Wed, 17 Jan 2024 07:57:31 +0530 Subject: [PATCH 12/12] Update index.js --- .../steps/SiteGen/SiteDetails/index.js | 26 +++++++++---------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js index ed1b9fad8..eea7362b0 100644 --- a/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js +++ b/src/OnboardingSPA/steps/SiteGen/SiteDetails/index.js @@ -102,19 +102,19 @@ const SiteGenSiteDetails = () => { setIsValidInput={ setIsValidInput } setCustomerInput={ setCustomerInput } customChildren={ true } - > - { isLargeViewport && ( -
- -
- ) } - + > + { isLargeViewport && ( +
+ +
+ ) } +
{ content.walkThroughText }