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 ( -
+ - - Included repositories - - Can't find a repository? Ensure it's been added on{' '} - + + Included repositories + + + Can't find a repository? Ensure it's been added on{' '} + + {wizardMode === 'edit' && ( { '' )} - +
); }; 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 ( { } > -
+ Repositories and packages