padding fix for Integration EditorStepsListItem
@@ -33,7 +33,8 @@ export interface IIntegrationEditorStepsListItemProps {
icon: React.ReactNode;
}
-export const IntegrationEditorStepsListItem: React.FunctionComponent<IIntegrationEditorStepsListItemProps> = ({
+export const IntegrationEditorStepsListItem: React.FunctionComponent<IIntegrationEditorStepsListItemProps> =
+ ({
action,
children,
stepName,
@@ -48,7 +49,8 @@ export const IntegrationEditorStepsListItem: React.FunctionComponent<IIntegratio
const hasExpander = typeof children !== 'undefined';
const [expanded, setExpanded] = React.useState(hasExpander);
const [showWarningPopover, setShowWarningPopover] = React.useState(false);
- const toggleWarningPopover = () => setShowWarningPopover(!showWarningPopover);
+ const toggleWarningPopover = () =>
+ setShowWarningPopover(!showWarningPopover);
const id = toValidHtmlId(stepName);
return (
<DataListItem
@@ -103,7 +105,9 @@ export const IntegrationEditorStepsListItem: React.FunctionComponent<IIntegratio
</StackItem>
<StackItem>
<strong>Data Type:</strong>&nbsp;
- <span data-testid={'editor-step-datashape'}>{shape}</span>
+ <span data-testid={'editor-step-datashape'}>
+ {shape}
+ </span>
</StackItem>
</Stack>
</SplitItem>
@@ -145,7 +149,7 @@ export const IntegrationEditorStepsListItem: React.FunctionComponent<IIntegratio
aria-label={`${stepName} content`}
id={`${id}-content`}
isHidden={!expanded}
- noPadding={true}
+ hasNoPadding={true}
>
<div style={{ margin: '10px' }}>{children}</div>
</DataListContent>
