diff --git a/apps/demo/src/migration-wizard/MigrationWizard.tsx b/apps/demo/src/migration-wizard/MigrationWizard.tsx index 6c9cfeb..b54f54d 100644 --- a/apps/demo/src/migration-wizard/MigrationWizard.tsx +++ b/apps/demo/src/migration-wizard/MigrationWizard.tsx @@ -4,6 +4,11 @@ import { ConnectStep } from "./steps/connect/ConnectStep"; import { DiscoveryStep } from "./steps/discovery/DiscoveryStep"; import { useComputedHeightFromPageHeader } from "./hooks/UseComputedHeightFromPageHeader"; import { useDiscoverySources } from "./contexts/discovery-sources/Context"; +import { PrepareMigrationStep } from "./steps/prepare-migration/PrepareMigrationStep"; + +const openAssistedInstaller = (): void => { + window.open("https://console.dev.redhat.com/openshift/assisted-installer/clusters/~new?source=assisted_migration", "_blank"); +}; export const MigrationWizard: React.FC = () => { const computedHeight = useComputedHeightFromPageHeader(); @@ -30,8 +35,15 @@ export const MigrationWizard: React.FC = () => { > - -
Plan step
+ + ); diff --git a/apps/demo/src/migration-wizard/steps/prepare-migration/PrepareMigrationStep.tsx b/apps/demo/src/migration-wizard/steps/prepare-migration/PrepareMigrationStep.tsx new file mode 100644 index 0000000..36417f2 --- /dev/null +++ b/apps/demo/src/migration-wizard/steps/prepare-migration/PrepareMigrationStep.tsx @@ -0,0 +1,101 @@ +import React from "react"; +import { + Stack, + StackItem, + TextContent, + Text, + Panel, + PanelMain, + PanelHeader, + List, + OrderType, + ListItem, + Icon, + Alert, + AlertActionLink, + Radio, +} from "@patternfly/react-core"; +import { ClusterIcon } from "@patternfly/react-icons"; +import { SourcesTable } from "#/migration-wizard/steps/connect/sources-table/SourcesTable"; +import { useDiscoverySources } from "#/migration-wizard/contexts/discovery-sources/Context"; + +export const PrepareMigrationStep: React.FC = () => { + const discoverySourcesContext = useDiscoverySources(); + const [firstSource, ..._otherSources] = discoverySourcesContext.sources; + + return ( + + + + Prepare for Migration + + + + + Migration goal + + + + + + + + + + + + + + Target cluster + + + + + + + + + + + + + ); +}; + +PrepareMigrationStep.displayName = "PrepareMigrationStep";