fix gutter, rm TitleLevel from IntegrationEditorLayout
@@ -6,7 +6,6 @@ import {
Text,
TextContent,
Title,
- TitleLevel,
} from '@patternfly/react-core';
import * as H from '@syndesis/history';
import * as React from 'react';
@@ -71,9 +70,8 @@ export interface IIntegrationEditorLayoutProps {
* height and show the right scrollbars.
* We should really find a smarter way to handle this.
*/
-export const IntegrationEditorLayout: React.FunctionComponent<
- IIntegrationEditorLayoutProps
-> = ({
+export const IntegrationEditorLayout: React.FunctionComponent<IIntegrationEditorLayoutProps> =
+ ({
title,
description,
toolbar,
@@ -102,12 +100,12 @@ export const IntegrationEditorLayout: React.FunctionComponent<
<div className={'integration-editor-layout__header'}>
<PageSection variant={'light'}>
{toolbar}
- <Level gutter={'sm'}>
+ <Level hasGutter={true}>
{isAlternateFlow ? (
<>
<LevelItem>
<TextContent>
- <Title size={'2xl'} headingLevel={TitleLevel.h1}>
+ <Title size={'2xl'} headingLevel={'h1'}>
<strong
className="integration-editor-condition"
data-verb={condition}
@@ -124,10 +122,9 @@ export const IntegrationEditorLayout: React.FunctionComponent<
id={'integration-editor-back-button'}
href={primaryFlowHref}
>
- {isApiProvider ?
- 'Go to Operation Flow' :
- 'Go to Primary Flow'
- }
+ {isApiProvider
+ ? 'Go to Operation Flow'
+ : 'Go to Primary Flow'}
</ButtonLink>
</LevelItem>
</>
@@ -135,13 +132,13 @@ export const IntegrationEditorLayout: React.FunctionComponent<
<>
<LevelItem>
<TextContent>
- <Title size={'2xl'} headingLevel={TitleLevel.h1}>
+ <Title size={'2xl'} headingLevel={'h1'}>
{title}
</Title>
<Text>{description}</Text>
</TextContent>
</LevelItem>
- <LevelItem style={{ display: "flex", alignItems: "center" }}>
+ <LevelItem style={{ display: 'flex', alignItems: 'center' }}>
{(cancelHref || onCancel) && (
<>
<ButtonLink
