Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | 4x 4x 4x 4x 4x 4x 2x 2x 2x | /*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
import { SvgInfoCircular } from "@itwin/itwinui-icons-react";
import { Button, Text } from "@itwin/itwinui-react";
import React from "react";
import type { Configuration } from "./EC3/Template";
import "./TemplateModificationStepThree.scss";
import { EC3Widget } from "../EC3Widget";
export interface TemplateModificationStepThreeProps {
currentStep: number;
updateCurrentStep: (currentStep: number) => void;
childTemplate: Configuration;
onCancelClick: () => void;
onSaveClick: () => Promise<void>;
}
export const TemplateModificationStepThree = (props: TemplateModificationStepThreeProps) => {
return (
<>
<div className="ec3w-template-creation-step-three">
<Text className="ec3w-summary-text">{EC3Widget.translate("selectionSummary")}</Text>
{props.childTemplate.labels.map((x) => (
<div className="ec3w-assembly-name-list" key={x.name}>
<SvgInfoCircular />
<Text data-testid="ec3-assembly-name-list" className="ec3w-assembly-name">
{x.name}
</Text>
</div>
))}
</div>
<div className="ec3w-stepper-footer">
<Button className="ec3w-footer-button" onClick={() => props.updateCurrentStep(1)}>
{EC3Widget.translate("backButton")}
</Button>
<Button
data-testid="ec3-save-button"
className="ec3w-footer-button"
styleType="high-visibility"
onClick={async () => {
await props.onSaveClick();
}}
>
{EC3Widget.translate("saveButton")}
</Button>
<Button onClick={props.onCancelClick}>{EC3Widget.translate("cancelButton")}</Button>
</div>
</>
);
};
|