Integration fnx getSteps to resolve type problem for steps attr
Reference WithIntegration
+import { getSteps, WithIntegration } from '@syndesis/api';
import { Integration } from '@syndesis/models';
import {
IntegrationDetailDescription,
@@ -35,6 +36,10 @@ export class DetailsPage extends React.Component {
<WithRouteData<IDetailsPageParams, IDetailsPageState>>
{({ integrationId }, { integration }, { history }) => {
return (
+ <WithIntegration
+ integrationId={integrationId}
+ initialValue={integration}
+ >
<div>
<Translation ns={['integration', 'shared']}>
{t => (
@@ -44,7 +49,9 @@ export class DetailsPage extends React.Component {
version={integration.version}
/>
<IntegrationDetailNavBar integration={integration} />
- <IntegrationDetailSteps steps={integration.steps} />
+ <IntegrationDetailSteps
+ steps={getSteps(integration, 0)}
+ />
<IntegrationDetailDescription
description={integration.description}
/>
@@ -58,6 +65,7 @@ export class DetailsPage extends React.Component {
)}
</Translation>
</div>
+ </WithIntegration>
);
}}
</WithRouteData>
