diff --git a/src/Components/CreateImageWizard/steps/Repositories/index.tsx b/src/Components/CreateImageWizard/steps/Repositories/index.tsx index ac571ec1ff..7ed5394ed6 100644 --- a/src/Components/CreateImageWizard/steps/Repositories/index.tsx +++ b/src/Components/CreateImageWizard/steps/Repositories/index.tsx @@ -9,6 +9,7 @@ import { selectRecommendedRepositories, selectWizardMode, } from '@/store/slices/wizard'; +import { useFlag } from '@/Utilities/useGetEnvironment'; import ManageRepositoriesButton from './components/ManageRepositoriesButton'; import Repositories from './components/Repositories'; @@ -18,15 +19,26 @@ const RepositoriesStep = () => { const packages = useAppSelector(selectPackages); const recommendedRepos = useAppSelector(selectRecommendedRepositories); + const isWizardRevampEnabled = useFlag('image-builder.wizard-revamp.enabled'); + + const Wrapper = isWizardRevampEnabled ? React.Fragment : Form; return ( -
+ ); }; diff --git a/src/Components/CreateImageWizard3/CreateImageWizard3.tsx b/src/Components/CreateImageWizard3/CreateImageWizard3.tsx index a8acb21a27..091c1c019b 100644 --- a/src/Components/CreateImageWizard3/CreateImageWizard3.tsx +++ b/src/Components/CreateImageWizard3/CreateImageWizard3.tsx @@ -276,6 +276,10 @@ const CreateImageWizard3 = () => { ); } + const handleFormSubmit = (event: React.FormEvent) => { + event.preventDefault(); + }; + return (