Skip to content

Commit

Permalink
fix formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@Dominik-Petrik @jenny-s51
Dominik-Petrik authored and jenny-s51 committed Oct 9, 2023
1 parent c1ac879 commit c56eda9
Show file tree
Hide file tree
Showing 2 changed files with 88 additions and 88 deletions.
116 changes: 58 additions & 58 deletions packages/react-core/src/demos/examples/Wizard/InModal.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,64 +14,64 @@ import {
import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';

const WizardInModalDemo: React.FC = () => (
<>
<DashboardWrapper hasPageTemplateTitle>
<PageSection isWidthLimited>
<Gallery hasGutter>
{Array.from({ length: 10 }).map((_, i) => (
<GalleryItem key={i}>
<Card>
<CardBody>This is a card</CardBody>
</Card>
</GalleryItem>
))}
</Gallery>
</PageSection>
</DashboardWrapper>
<Modal
isOpen
variant={ModalVariant.large}
showClose={false}
hasNoBodyWrapper
aria-describedby="wiz-modal-demo-description"
aria-labelledby="wiz-modal-demo-title"
>
<Wizard
header={
<WizardHeader
title="Wizard in modal"
titleId="wiz-modal-demo-title"
description="Simple wizard description"
descriptionId="wiz-modal-demo-description"
closeButtonAriaLabel="Close wizard"
/>
}
height={400}
>
<WizardStep name="Information" id="wizard-step-1">
<p>Step 1 content</p>
</WizardStep>
<WizardStep
name="Configuration"
id="wizard-step-2"
steps={[
<WizardStep name="Substep A" id="wizard-step-2a" key="wizard-step-2a">
<p>Configuration substep A</p>
</WizardStep>,
<WizardStep name="Substep B" id="wizard-step-2b" key="wizard-step-2b">
<p>Configuration substep B</p>
</WizardStep>
]}
<>
<DashboardWrapper hasPageTemplateTitle>
<PageSection isWidthLimited>
<Gallery hasGutter>
{Array.from({ length: 10 }).map((_, i) => (
<GalleryItem key={i}>
<Card>
<CardBody>This is a card</CardBody>
</Card>
</GalleryItem>
))}
</Gallery>
</PageSection>
</DashboardWrapper>
<Modal
isOpen
variant={ModalVariant.large}
showClose={false}
hasNoBodyWrapper
aria-describedby="wiz-modal-demo-description"
aria-labelledby="wiz-modal-demo-title"
>
<Wizard
header={
<WizardHeader
title="Wizard in modal"
titleId="wiz-modal-demo-title"
description="Simple wizard description"
descriptionId="wiz-modal-demo-description"
closeButtonAriaLabel="Close wizard"
/>
<WizardStep name="Additional" id="wizard-step-3">
<p>Step 3 content</p>
</WizardStep>
<WizardStep name="Review" id="wizard-step-4" footer={{ nextButtonText: 'Finish' }}>
<p>Review step content</p>
</WizardStep>
</Wizard>
</Modal>
</>
);
}
height={400}
>
<WizardStep name="Information" id="wizard-step-1">
<p>Step 1 content</p>
</WizardStep>
<WizardStep
name="Configuration"
id="wizard-step-2"
steps={[
<WizardStep name="Substep A" id="wizard-step-2a" key="wizard-step-2a">
<p>Configuration substep A</p>
</WizardStep>,
<WizardStep name="Substep B" id="wizard-step-2b" key="wizard-step-2b">
<p>Configuration substep B</p>
</WizardStep>
]}
/>
<WizardStep name="Additional" id="wizard-step-3">
<p>Step 3 content</p>
</WizardStep>
<WizardStep name="Review" id="wizard-step-4" footer={{ nextButtonText: 'Finish' }}>
<p>Review step content</p>
</WizardStep>
</Wizard>
</Modal>
</>
);

export default WizardInModalDemo;
60 changes: 30 additions & 30 deletions packages/react-core/src/demos/examples/Wizard/InPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,35 +3,35 @@ import { PageSection, PageSectionTypes, PageSectionVariants, Wizard, WizardStep
import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';

const WizardFullPage: React.FC = () => (
<React.Fragment>
<DashboardWrapper hasPageTemplateTitle>
<PageSection type={PageSectionTypes.wizard} variant={PageSectionVariants.light}>
<Wizard>
<WizardStep name="Information" id="wizard-step-1">
<p>Step 1 content</p>
</WizardStep>
<WizardStep
name="Configuration"
id="wizard-step-2"
steps={[
<WizardStep name="Substep A" id="wizard-step-2a" key="wizard-step-2a">
<p>Configuration substep A</p>
</WizardStep>,
<WizardStep name="Substep B" id="wizard-step-2b" key="wizard-step-2b">
<p>Configuration substep B</p>
</WizardStep>
]}
/>
<WizardStep name="Additional" id="wizard-step-3">
<p>Step 3 content</p>
</WizardStep>
<WizardStep name="Review" id="wizard-step-4" footer={{ nextButtonText: 'Finish' }}>
<p>Review step content</p>
</WizardStep>
</Wizard>
</PageSection>
</DashboardWrapper>
</React.Fragment>
);
<React.Fragment>
<DashboardWrapper hasPageTemplateTitle>
<PageSection type={PageSectionTypes.wizard} variant={PageSectionVariants.light}>
<Wizard>
<WizardStep name="Information" id="wizard-step-1">
<p>Step 1 content</p>
</WizardStep>
<WizardStep
name="Configuration"
id="wizard-step-2"
steps={[
<WizardStep name="Substep A" id="wizard-step-2a" key="wizard-step-2a">
<p>Configuration substep A</p>
</WizardStep>,
<WizardStep name="Substep B" id="wizard-step-2b" key="wizard-step-2b">
<p>Configuration substep B</p>
</WizardStep>
]}
/>
<WizardStep name="Additional" id="wizard-step-3">
<p>Step 3 content</p>
</WizardStep>
<WizardStep name="Review" id="wizard-step-4" footer={{ nextButtonText: 'Finish' }}>
<p>Review step content</p>
</WizardStep>
</Wizard>
</PageSection>
</DashboardWrapper>
</React.Fragment>
);

export default WizardFullPage;

0 comments on commit c56eda9

Please sign in to comment.