particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

V2Wizard: Correctly enable/disable Next button for Image Output step

Browse source 
The 'next' button is now disabled if no target environments are selected
on the Image Output step.
This commit is contained in:
lucasgarfield 2024-01-06 09:19:46 +01:00 • committed by Sanne Raymaekers
parent 788a63ead7
commit 779416785f
2 changed files with 20 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/Components/CreateImageWizardV2/CreateImageWizard.tsx
View file

@ -9,14 +9,14 @@ import {
} from '@patternfly/react-core';
import { useNavigate } from 'react-router-dom';
import { useAppDispatch } from '../../store/hooks';
import ImageOutputStep from './steps/ImageOutput';
import { useAppDispatch, useAppSelector } from '../../store/hooks';
import './CreateImageWizard.scss';
import { initializeWizard } from '../../store/wizardSlice';
import { initializeWizard, selectImageTypes } from '../../store/wizardSlice';
import { resolveRelPath } from '../../Utilities/path';
import { ImageBuilderHeader } from '../sharedComponents/ImageBuilderHeader';
import ImageOutputStep from './steps/ImageOutput';
type CustomWizardFooterPropType = {
disableNext: boolean;
};
@ -55,7 +55,14 @@ const CreateImageWizard = () => {
<WizardStep
name="Image output"
id="step-image-output"
footer={<CustomWizardFooter disableNext={false} />}
footer={
<CustomWizardFooter
disableNext={
useAppSelector((state) => selectImageTypes(state)).length ===
0
}
/>
}
>
<ImageOutputStep />
</WizardStep>