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

V2Wizard: Put Save button into div

Browse source 
This encloses Save button inside a div to make testing with widgetastic.patternfly library's pattern possible.
This commit is contained in:
regexowl 2024-03-15 10:34:35 +01:00 • committed by Klara Simickova
parent 0b6cf44bbc
commit 03afb4c1df
1 changed files with 32 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/Components/CreateImageWizardV2/steps/Review/Footer/Footer.tsx
View file

@ -69,36 +69,38 @@ const ReviewWizardFooter = () => {
return (
<WizardFooterWrapper>
<Dropdown
isOpen={isOpen}
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}
toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
variant="primary"
ref={toggleRef}
onClick={onToggleClick}
isExpanded={isOpen}
icon={isLoadingState && <SpinnerIcon />}
>
Save
</MenuToggle>
)}
ouiaId="wizard-finish-dropdown"
shouldFocusToggleOnSelect
>
{composeId ? (
<EditDropdown
getBlueprintPayload={getBlueprintPayload}
setIsOpen={setIsOpen}
blueprintId={composeId}
/>
) : (
<CreateDropdown
getBlueprintPayload={getBlueprintPayload}
setIsOpen={setIsOpen}
/>
)}
</Dropdown>
<div data-testid="wizard-save-button-div">
<Dropdown
isOpen={isOpen}
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}
toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
<MenuToggle
variant="primary"
ref={toggleRef}
onClick={onToggleClick}
isExpanded={isOpen}
icon={isLoadingState && <SpinnerIcon />}
>
Save
</MenuToggle>
)}
ouiaId="wizard-finish-dropdown"
shouldFocusToggleOnSelect
>
{composeId ? (
<EditDropdown
getBlueprintPayload={getBlueprintPayload}
setIsOpen={setIsOpen}
blueprintId={composeId}
/>
) : (
<CreateDropdown
getBlueprintPayload={getBlueprintPayload}
setIsOpen={setIsOpen}
/>
)}
</Dropdown>
</div>
<Button
ouiaId="wizard-back-btn"
variant="secondary"