diff --git a/src/components/App.tsx b/src/components/App.tsx
index c48ac52fe..2245b9840 100755
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1,21 +1,30 @@
import React, { Component } from 'react';
-import { Page } from '@patternfly/react-core';
+import { Page, PageSidebar } from '@patternfly/react-core';
import { Provider } from 'react-redux';
import Header from './ui/Header';
import BackgroundImage from './ui/BackgroundImage';
import ClusterWizard from './ClusterWizard';
-import HostsExample from './HostsExample';
+import ClusterWizardSteps from './ClusterWizardSteps';
+// import HostsExample from './HostsExample';
import { store } from '../store';
class App extends Component {
render(): JSX.Element {
+ const currentStep = 1;
return (
- }>
-
-
+ }
+ sidebar={
+ }
+ />
+ }
+ >
+
+ {/* */}
);
diff --git a/src/components/ClusterWizard.tsx b/src/components/ClusterWizard.tsx
index 3011d4d17..0f338c134 100644
--- a/src/components/ClusterWizard.tsx
+++ b/src/components/ClusterWizard.tsx
@@ -1,18 +1,19 @@
import React, { FC, Fragment } from 'react';
-// import BaremetalInventory from './BaremetalInventory';
+import BaremetalInventory from './BaremetalInventory';
import ClusterWizardNav from './ClusterWizardNav';
-// import ClusterWizardSteps from './ClusterWizardSteps';
import CreateClusterForm from './createCluster/CreateClusterForm';
-const ClusterWizard: FC = (): JSX.Element => (
+interface ClusterWizardProps {
+ currentStepIndex: number;
+}
+
+const ClusterWizard: FC = ({
+ currentStepIndex
+}: ClusterWizardProps): JSX.Element => (
- {/* */}
- {/* */}
-
+ {currentStepIndex === 0 && }
+ {currentStepIndex === 1 && }
);
diff --git a/src/components/ClusterWizardStep.tsx b/src/components/ClusterWizardStep.tsx
deleted file mode 100644
index 9f19f571a..000000000
--- a/src/components/ClusterWizardStep.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { FC } from 'react';
-import { ListItem, TextContent, Text } from '@patternfly/react-core';
-
-interface ClusterWizardStepProps {
- index: number;
- title: string;
- currentStepIndex: number;
-}
-
-const ClusterWizardStep: FC = ({
- index,
- title,
- currentStepIndex
-}: ClusterWizardStepProps): JSX.Element => (
-
-
-
- ({index}.) {title}
-
-
-
-);
-
-export default ClusterWizardStep;
diff --git a/src/components/ClusterWizardSteps.tsx b/src/components/ClusterWizardSteps.tsx
index aa98c4659..83b74547c 100644
--- a/src/components/ClusterWizardSteps.tsx
+++ b/src/components/ClusterWizardSteps.tsx
@@ -1,34 +1,45 @@
import React, { FC } from 'react';
-import { List, PageSectionVariants } from '@patternfly/react-core';
-import ClusterWizardStep from './ClusterWizardStep';
-
-import PageSection from './ui/PageSection';
-
-interface ClusterWizardStep {
- title: string;
-}
+import { Nav, NavList, NavItem } from '@patternfly/react-core';
interface ClusterWizardStepsProps {
- steps: ClusterWizardStep[];
currentStepIndex: number;
}
const ClusterWizardSteps: FC = ({
- steps,
currentStepIndex
}: ClusterWizardStepsProps): JSX.Element => (
-
-
- {steps.map((step, index) => (
-
- ))}
-
-
+
);
export default ClusterWizardSteps;